@charset "UTF-8";

/* =========================================
   1. Bootstrap Core (Reset, Grid, Forms, Utilities)
   ========================================= */
*,::after,::before{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family: 'Estedad' !important}
p{margin-top:0;margin-bottom:1rem}
ul{padding-left:2rem;margin-top:0;margin-bottom:1rem}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
a{color:#0d6efd;text-decoration:underline}
a:hover{color:#0a58ca}
img,svg{vertical-align:middle}
label{display:inline-block}
button{border-radius:0}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}

/* Grid System */
.container,.container-fluid{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}
@media (min-width:768px){
    .col-md{flex:1 0 0%}.col-md-auto{flex:0 0 auto;width:auto}
    .col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}
}
@media (min-width:992px){
    .col-lg{flex:1 0 0%}.col-lg-auto{flex:0 0 auto;width:auto}
    .col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}
}

/* Forms & Utilities */
.form-label{margin-bottom:.5rem}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #dee2e6;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-control::placeholder{color:#6c757d;opacity:1}
.form-control:disabled{background-color:#e9ecef;opacity:1}
textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}
.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #dee2e6;border-radius:.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.is-invalid{border-color:#dc3545!important}
.img-fluid{max-width:100%;height:auto}
.d-flex{display:flex!important}.d-block{display:block!important}.d-none{display:none!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.w-100{width:100%!important}.h-100{height:100%!important}.flex-wrap{flex-wrap:wrap!important}.flex-column{flex-direction:column!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.align-items-stretch{align-items:stretch!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-muted{color:#6c757d!important}
.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-auto{margin-left:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-auto{margin-right:auto!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pb-0{padding-bottom:0!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
@media (min-width:768px){.mb-md-0{margin-bottom:0!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mt-md-0{margin-top:0!important}.mt-md-3{margin-top:1rem!important}}
@media (min-width:992px){.mb-lg-0{margin-bottom:0!important}.mb-lg-4{margin-bottom:1.5rem!important}.mt-lg-0{margin-top:0!important}.mt-lg-4{margin-top:1.5rem!important}}

/* =========================================
   2. Flaticon Icons
   ========================================= */
@font-face{font-family:Flaticon;src:url("../fonts/Flaticon.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
[class*=" flaticon-"]:before,[class^=flaticon-]:before{font-family:Flaticon;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.flaticon-quotations:before{content:"\f100"}.flaticon-left-quote:before{content:"\f101"}.flaticon-check-square:before{content:"\f102"}.flaticon-down-arrow:before{content:"\f103"}.flaticon-plug:before{content:"\f104"}.flaticon-home:before{content:"\f105"}.flaticon-trophy:before{content:"\f106"}.flaticon-user:before{content:"\f107"}.flaticon-search:before{content:"\f108"}.flaticon-shopping-cart:before{content:"\f109"}.flaticon-calendar:before{content:"\f10a"}.flaticon-paper-plane:before{content:"\f10b"}.flaticon-settings:before{content:"\f10c"}.flaticon-suitcase:before{content:"\f10d"}.flaticon-verified:before{content:"\f10e"}.flaticon-team:before{content:"\f10f"}.flaticon-pipe:before{content:"\f110"}.flaticon-paint:before{content:"\f111"}.flaticon-air-conditioner:before{content:"\f112"}.flaticon-pipes:before{content:"\f113"}.flaticon-pipe-1:before{content:"\f114"}.flaticon-kitchen:before{content:"\f115"}.flaticon-play-button:before{content:"\f116"}.flaticon-right:before{content:"\f117"}.flaticon-left:before{content:"\f118"}.flaticon-phone:before{content:"\f119"}.flaticon-email:before{content:"\f11a"}.flaticon-help:before{content:"\f11b"}.flaticon-like:before{content:"\f11c"}.flaticon-smile:before{content:"\f11d"}.flaticon-placeholder:before{content:"\f11e"}.flaticon-edit:before{content:"\f11f"}.flaticon-add:before{content:"\f120"}.flaticon-remove:before{content:"\f121"}

/* =========================================
   3. Main Custom CSS
   ========================================= */
@font-face{font-family:Estedad;src:url('../webfonts/Estedad-Regular.woff2') format('woff2');font-weight:400;font-display:optional}
@font-face{font-family:Estedad;src:url('../webfonts/Estedad-SemiBold.woff2') format('woff2');font-weight:600;font-display:optional}
@font-face{font-family:Estedad;src:url('../webfonts/Estedad-Bold.woff2') format('woff2');font-weight:700;font-display:optional}
:root{--primary:#02298a;--primary-light:#1a47b8;--primary-dark:#011a5e;--accent:#fd6c1e;--accent-dark:#e0550f;--text:#1a1f2e;--text-muted:#6b7280;--bg:#ffffff;--bg-soft:#f6f8fb;--border:#e5e7eb;--radius-sm:8px;--radius:14px;--radius-lg:22px;--shadow-sm:0 1px 3px rgba(0, 0, 0, .05);--shadow:0 4px 20px rgba(2, 41, 138, .07);--shadow-lg:0 16px 44px rgba(2, 41, 138, .12);--transition:.25s cubic-bezier(.4, 0, .2, 1);--container:1240px}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:Estedad,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.7;background:var(--bg);direction:rtl;overflow-x:hidden;color:var(--text);margin:0}
.accordion-button,.btn,.form-control,button{font-family:inherit}
.img-fluid,img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;transition:color var(--transition);text-decoration:none}
ul{padding:0;list-style:none;margin:0}
h1,h2,h3,h4,h5,h6{margin:0 0 .6em;font-weight:700;line-height:1.35;color:#fff;direction:rtl}
h1{font-size:clamp(1.75rem, 3vw + 1rem, 2.75rem)}
h2{font-size:clamp(1.4rem, 2vw + .8rem, 2.1rem)}
h3{font-size:clamp(1.15rem, 1vw + .8rem, 1.5rem)}
p{margin:0 0 1em;color:var(--text-muted)}
p:last-child{margin-bottom:0}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.ptb-100{padding-top:80px;padding-bottom:80px}
.about-our-company,.accordion-button:hover,.bg-f8f8f8{background:var(--bg-soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;font-size:15px;font-weight:600;line-height:1.2;border:2px solid transparent;border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;white-space:nowrap}
.about-company-video,.header-inner,.main-nav ul,.video-btn{align-items:center;display:flex}
.btn-primary,.btn-secondary{border-color:var(--primary)}
.logo img,.main-nav a{border-radius:var(--radius-sm)}
.accordion-button:not(.collapsed),.btn-primary,.btn-secondary:focus,.btn-secondary:hover,.main-nav a.active,.main-nav a:hover,.widget_services_list ul li a.active,.widget_services_list ul li a:hover{background:var(--primary);color:#fff}
.btn-primary:focus,.btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,41,138,.28)}
.single-project-box,.single-working-process,.site-header.scrolled{box-shadow:var(--shadow-sm)}
.btn-secondary{background:0 0;color:var(--primary)}
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;transform:translateY(-2px)}
.btn-dark{background:#1f2937;color:#fff;border-color:#1f2937}
.btn-dark:hover{background:#111827;color:#fff}
.btn.disabled,.btn:disabled{opacity:.6;pointer-events:none}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border);transition:box-shadow var(--transition)}
.fade-slider,.hero,.single-project-box .project-content,.widget-area{position:relative}
.accordion-button,.contact-box,.form-control,.go-top,.main-nav a,.menu-toggle span,.shorting-menu button,.single-blog-post,.single-funfacts-box,.single-project-box,.single-team-box,.single-working-process,.site-footer .footer-social a,.slider-dots button,.widget_services_list ul li a{transition:all var(--transition)}
.header-inner{justify-content:space-between;gap:24px;padding:10px 0;min-height:72px}
.logo img{height:52px;width:auto;background:var(--primary);padding:4px 8px}
.main-nav ul{gap:6px}
.main-nav a,.menu-toggle span,.timeline-slide:first-child{display:block}
.main-nav a{padding:10px 14px;font-size:15px;font-weight:600}
.header-actions{display:flex;align-items:center;gap:12px}
.btn-phone{padding:10px 20px;font-size:14px}
.menu-toggle{display:none;width:44px;height:44px;background:0 0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-toggle span{width:22px;height:2px;background:var(--primary);border-radius:2px}
.menu-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero{overflow:hidden;border-radius:0}
.hero-slide{display:flex;align-items:center;padding:60px 0;background-size:cover;background-position:center;color:#fff}
.about-company-video,.slider-dots{justify-content:center}
.blog-area,.contact-area,.faq-area,.project-area,.quote-area,.working-process-area{padding:80px 0}
.hero-slide::before{content:'';inset:0}
.hero-slide .container{position:relative;z-index:1}
.hero-slide h1{color:#fff;max-width:720px;margin-bottom:16px;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hero-slide p{color:rgba(255,255,255,.9);max-width:620px;font-size:1.05rem;margin-bottom:28px}
.hero-slide .btn-primary{background:var(--accent);border-color:var(--accent)}
.hero-slide .btn-primary:hover,.quote-content .btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.fade-slider .slide{display:none;animation:.6s fadeIn}
.fade-slider .slide.active,.go-top.visible{display:flex}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.slider-dots{position:absolute;bottom:20px;left:0;right:0;display:flex;gap:8px;z-index:2}
.slider-dots button{width:30px;height:4px;background:rgba(255,255,255,.4);border:0;border-radius:4px;padding:0}
.slider-dots button.active{width:44px;background:#fff}
.section-title{max-width:720px;margin:0 auto 48px;text-align:center}
.section-title span{display:inline-block;font-size:14px;font-weight:600;color:#b8490d;background:rgba(253,108,30,.12);padding:6px 14px;border-radius:100px;margin-bottom:14px}
.section-title h2{margin-bottom:10px}
.accordion-body,.section-title p{color:var(--text-muted)}
.shorting-menu{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px}
.shorting-menu button{color:var(--text);border:1px solid var(--border);padding:9px 22px;background:#fff;border-radius:100px;font-size:14px;transition:all var(--transition);font-family:inherit;font-weight:600;cursor:pointer}
.single-project-box{position:relative;border-radius:var(--radius)}
.single-project-box:hover{box-shadow:var(--shadow-lg)}
.single-project-box .project-content h4{font-size:1.15rem;margin-bottom:8px;color:var(--text)}
.single-project-box .project-content p{color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px}
.single-project-box .project-content .btn{padding:9px 18px;font-size:13px;margin-left:6px}
.quote-area{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff}
.page-title-content ul li a,.quote-content,.quote-content .section-title h2,.quote-content .section-title p{color:#fff}
.quote-content .section-title p{opacity:.85}
.form-group{margin-bottom:16px}
.form-control{height:48px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;padding:0 16px;width:100%}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(2,41,138,.12);outline:0}
textarea.form-control{height:auto;min-height:130px;padding:12px 16px;resize:vertical}
.quote-content .btn-primary{width:100%;background:var(--accent);border-color:var(--accent)}
.single-working-process{position:relative;text-align:center;padding:32px 20px;background:#fff;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px;height:100%}
.single-working-process:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.single-working-process .icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:rgba(2,41,138,.08);display:flex;align-items:center;justify-content:center}
.single-working-process .icon img,.single-working-process .icon svg{width:34px;height:34px}
.single-blog-post h3,.single-working-process h3{font-size:1.1rem;margin-bottom:10px;color:var(--text)}
.single-blog-post p,.single-working-process p{font-size:14px}
.single-working-process .back-text{position:absolute;top:12px;left:18px;font-size:3rem;font-weight:700;color:rgba(2,41,138,.06);pointer-events:none}
.about-company-content ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:20px 0;padding:0}
.about-company-content ul li{display:flex;align-items:flex-start;gap:8px;font-size:14px;font-weight:500;color:var(--text)}
.about-company-content ul li i{color:var(--accent);margin-top:4px;flex-shrink:0}
.about-company-video img{object-fit:cover;inset:0}
.video-btn{position:relative;width:80px;height:80px;border-radius:50%;background:#fff;color:var(--primary);justify-content:center;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.single-blog-post,.single-team-box{border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.video-btn i{font-size:26px}
.team-area{padding:80px 0;background:var(--bg-soft)}
.single-team-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.about-company-video img,.hero-slide .hero-bg-img,.services-details-image-slides>img,.single-blog-post .blog-image img,.single-project-box img,.single-team-box img{object-fit:cover}
.funfacts-area{padding:60px 0;background:var(--primary);color:#fff}
.single-funfacts-box{padding:24px 12px;border-radius:var(--radius);background:rgba(255,255,255,.06);margin-bottom:16px;text-align:center}
.contact-box,.single-blog-post{background:#fff}
.single-funfacts-box:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.single-funfacts-box i{font-size:30px;color:var(--accent);margin-bottom:12px;display:block}
.single-funfacts-box h3{color:#fff;font-size:2rem;margin-bottom:4px;font-variant-numeric:tabular-nums;display:inline-block;min-width:3ch;text-align:center}
.single-funfacts-box p{color:rgba(255,255,255,.85);font-size:14px;margin:0}
.single-blog-post{overflow:hidden;margin-bottom:24px;height:100%}
.contact-box,.modal-title,.site-footer h3,.widget{margin-bottom:20px}
.single-blog-post:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.single-blog-post .blog-content{padding:22px 20px}
.single-blog-post .blog-meta{display:flex;gap:14px;font-size:13px;color:#4b5563;margin-bottom:10px;padding:0}
.single-blog-post .blog-meta i{color:var(--accent);margin-left:4px}
.single-blog-post h3 a:hover{color:var(--primary)}
.single-blog-post .read-more-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--primary);margin-top:12px}
.single-blog-post .read-more-btn::before{content:'←'}
.single-blog-post .read-more-btn:hover::before{transform:translateX(-4px)}
.accordion-button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:right;padding:18px 22px;background:0 0;border:0;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;transition:background var(--transition)}
.accordion-button::after{content:'+';font-size:22px;font-weight:400;line-height:1;margin-right:12px;flex-shrink:0}
.contact-box{display:flex;align-items:flex-start;gap:16px;padding:26px 22px;border:1px solid var(--border);border-radius:var(--radius)}
.contact-box:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.contact-box .icon{width:52px;height:52px;flex-shrink:0;border-radius:50%;background:rgba(2,41,138,.08);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:20px}
.contact-box .content h4{font-size:1.05rem;margin-bottom:6px}
.contact-box .content p{font-size:14px;margin:0}
.contact-box .content a{color:var(--primary);font-weight:500}
.site-footer{background:#0b1220;color:#cbd5e1;padding:60px 0 0}
.site-footer h3{color:#fff;font-size:1.05rem;position:relative;padding-bottom:10px}
.site-footer h3::after{content:'';position:absolute;bottom:0;right:0;width:32px;height:3px;background:var(--accent);border-radius:2px}
.site-footer a:hover{color:var(--accent)}
.site-footer ul li{margin-bottom:10px;font-size:14px}
.site-footer .footer-social{display:flex;gap:10px;margin-top:16px}
.site-footer .footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.site-footer .footer-social a:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}
.footer-bottom{margin-top:40px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13px;text-align:center}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(4px)}
.modal-overlay.open{display:flex;animation:.2s fadeIn}
.modal-box{background:#fff;border-radius:var(--radius);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;padding:28px;position:relative;animation:.3s slideUp}
@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-close{position:absolute;top:14px;left:14px;width:36px;height:36px;background:var(--bg-soft);border:0;border-radius:50%;font-size:20px;color:var(--text);display:flex;align-items:center;justify-content:center}
.modal-close:hover{background:var(--border)}
.modal-title{font-size:1.15rem}
.go-top{position:fixed;bottom:24px;left:24px;width:44px;height:44px;background:var(--primary);color:#fff;border:0;border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:50}
.go-top:hover{background:var(--accent);transform:translateY(-3px)}
.page-title-area{padding:60px 0;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;text-align:center}
.accordion-body,.accordion-item{background:#fff;overflow:hidden}
.page-title-content h2{color:#fff;margin-bottom:8px}
.page-title-content ul{display:flex;justify-content:center;gap:12px;font-size:14px;padding:0}
.page-title-content ul li{color:rgba(255,255,255,.7)}
.page-title-content ul li+li::before{content:'/';margin-left:12px;opacity:.5}
.widget{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px}
.widget-title{font-size:1.05rem;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border);position:relative}
.widget-title::after{content:'';position:absolute;bottom:-1px;right:0;width:40px;height:2px;background:var(--accent)}
.widget_services_list ul li a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500}
@media (max-width:991px){.main-nav{position:fixed;right:0;width:280px;background:#fff;box-shadow:var(--shadow-lg);padding:20px;transform:translateX(100%);transition:transform var(--transition);overflow-y:auto;z-index:99;top:64px;height:calc(100vh - 64px)}.main-nav.open{transform:translateX(0)}.main-nav ul{flex-direction:column;align-items:stretch}.main-nav a{padding:14px 16px}.menu-toggle{display:flex}.btn-phone{padding:10px 14px}.about-company-content{padding:40px 24px}.header-inner{min-height:64px;padding:8px 0}}
@media (max-width:575px){.blog-area,.contact-area,.faq-area,.project-area,.ptb-100,.team-area,.working-process-area{padding:50px 0}.section-title{margin-bottom:32px}.hero-slide{min-height:340px;padding:48px 0}.single-project-box .project-content .btn{padding:8px 14px;font-size:12px}.funfacts-area{padding:40px 0}.single-funfacts-box h3{font-size:1.5rem}.go-top{bottom:16px;left:16px}.about-company-content ul{grid-template-columns:1fr}}
.accordion-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px}
.accordion-button:not(.collapsed)::after{content:'−'}
.accordion-body{max-height:0;transition:max-height .35s;padding:0 22px}
.accordion-body:not([style*="max-height: 0"]),.accordion-button:not(.collapsed)+.accordion-body{padding:16px 22px}
.accordion-body,.accordion-body p{color:var(--text-muted);font-size:14px;line-height:1.9}
.video-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:.2s fadeIn}
.video-lightbox-inner{position:relative;max-width:900px;width:100%;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.video-lightbox video{width:100%;display:block;max-height:80vh}
.video-lightbox-close{position:absolute;top:12px;left:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:1;transition:background var(--transition)}
.video-lightbox-close:hover{background:rgba(255,255,255,.35)}
.timeline-nav{display:flex;gap:10px;overflow-x:auto;justify-content:center;padding:16px 0 24px;scrollbar-width:thin}
.timeline-nav::-webkit-scrollbar{height:4px}
.timeline-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.partner-marquee-item,.timeline-nav__item{border:1px solid var(--border);transition:all var(--transition);background:#fff}
.timeline-nav__item{color:var(--text);cursor:pointer;font-weight:600;padding:9px 18px;border-radius:100px;font-size:14px;white-space:nowrap;user-select:none}
.timeline-slide img,.timeline-slide__content{border-radius:var(--radius)}
.timeline-nav__item:hover{border-color:var(--primary);color:var(--primary)}
.shorting-menu button.active,.shorting-menu button:hover,.timeline-nav__item.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.timeline-wrapper{margin-top:20px}
.timeline-slide{display:none;animation:.4s fadeIn;min-height:400px}
.timeline-slide .timeline-year{display:inline-block;background:var(--accent);color:#fff;padding:6px 14px;border-radius:100px;font-weight:700;font-size:13px;margin-top:16px}
.timeline-slide__content{background:#fff;padding:24px;box-shadow:var(--shadow-sm);margin-top:12px}
.timeline-slide__content h3{font-size:1.15rem;margin-bottom:8px}
.partner-marquee{overflow:hidden;position:relative;padding:30px 0;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.partner-marquee-track{display:flex;gap:40px;width:max-content;animation:40s linear infinite marquee}
.partner-marquee:hover .partner-marquee-track{animation-play-state:paused}
.partner-marquee-item{flex-shrink:0;width:130px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:12px}
.partner-marquee-item:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--shadow)}
.partner-marquee-item img{max-width:100%;max-height:100%;object-fit:contain;opacity:.75;transition:opacity var(--transition)}
.partner-marquee-item:hover img{opacity:1}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.services-details-image-slides{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--radius);margin:20px 0;-webkit-overflow-scrolling:touch}
.services-details-image-slides>.item,.services-details-image-slides>img{flex:0 0 100%;scroll-snap-align:start;border-radius:var(--radius)}
.services-details-image-slides>img{max-height:480px}
.skip-link{position:absolute;top:-100px;right:20px;background:#02298a;color:#fff;padding:12px 20px;border-radius:0 0 8px 8px;z-index:10000;font-weight:600;transition:top .2s}
.skip-link:focus{top:0}
.single-project-box .project-content h3{margin:0 0 8px;line-height:1.4;font-size:1.15rem;font-weight:700;color:#1a1f2e}
.form-label{display:block;font-size:13px;font-weight:600;color:#fff;margin-bottom:6px}
.single-project-box,.single-team-box{box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:24px;overflow:hidden}
.single-footer-widget p,.site-footer a,.site-footer p{color:#d1d5db}
.footer-bottom,.footer-bottom p{color:#9ca3af}
:focus-visible{outline:#fd6c1e solid 3px;outline-offset:2px;border-radius:4px}
[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:#fd6c1e solid 3px;outline-offset:2px}
:focus:not(:focus-visible){outline:0}
.about-company-video img,.partner-marquee-item img,.single-blog-post .blog-image img,.single-project-box img,.single-team-box img,.timeline-slide img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}
.single-blog-post .blog-image img{aspect-ratio:16/10;height:220px;width:100%}
.about-company-video{background:#e5e7eb;display:flex;align-items:center;justify-content:center}
.single-funfacts-box h3 span{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";display:inline-block;min-width:3ch;text-align:center}
.swal2-popup{will-change:transform}
.hero-slide:first-child{content-visibility:auto;contain-intrinsic-size:600px}
.single-project-box{display:flex;flex-direction:column;background:#fff;border-radius:14px;transition:.25s}
.single-project-box:hover{transform:translateY(-6px);box-shadow:0 16px 44px rgba(2,41,138,.12)}
.single-project-box:hover img{transform:scale(1.06)}
.single-project-box .project-content{display:flex;flex-direction:column;flex-grow:1}
.single-project-box .project-content p{font-size:14px;color:#6b7280;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.project-actions{display:flex;gap:10px;margin-top:auto}
.project-actions .btn{flex:1;padding:9px 10px;font-size:13px;text-align:center}
.about-company-content,.about-company-video{align-items:center;height:100%;display:flex}
.about-our-company{background:var(--bg-soft);overflow:hidden}
.about-company-content{padding:60px 40px}
.about-company-content .inner-content{max-width:540px;margin-right:auto}
.about-company-video{position:relative;min-height:500px;justify-content:center;overflow:hidden}
.about-company-video img{position:absolute;inset:0;width:100%;height:100%}
.about-company-video .video-btn{position:relative;z-index:2;width:80px;height:80px;border-radius:50%;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.2);border:none;transition:.3s}
.about-company-video .video-btn:hover{background:var(--accent);color:#fff;transform:scale(1.1)}
.single-team-box{position:relative;background:#fff;border-radius:14px;text-align:center}
.single-team-box img{aspect-ratio:3/4;width:100%;height:350px;display:block}
.single-team-box .team-content{padding:25px 15px;background-color:#fafafa;transition:.25s}
.single-team-box .team-content h3{font-size:1.15rem;font-weight:700;margin-bottom:5px}
.single-team-box .team-content span{color:var(--text-muted);font-size:14px}
.single-team-box .team-hover-content{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:25px 15px;transform:translateY(100%);transition:.3s;border-radius:14px}
.single-team-box:hover .team-hover-content{transform:translateY(0);box-shadow:0 -10px 20px rgba(0,0,0,.05)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
#section .row{align-items:stretch}
.single-project-box{display:flex;flex-direction:column;height:100%}
.single-project-box img{transition:transform .5s;width:100%;height:240px!important;aspect-ratio:4/3}
.single-project-box .project-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}
.single-project-box .project-content p{flex-grow:1}
.hero-slide{position:relative;min-height:clamp(450px,65vh,650px);display:flex;align-items:center;overflow:hidden}
.hero-slide .hero-bg-img{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(to left,rgba(2,25,80,.9) 0,rgba(2,41,138,.6) 100%);z-index:1}
.hero-content-wrapper{position:relative;z-index:2;color:#fff;max-width:800px;padding:0 20px}
.hero-content-wrapper h1,.hero-content-wrapper h2{color:#fff;font-size:clamp(1.8rem, 4vw, 3.5rem);font-weight:800;line-height:1.4;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.hero-content-wrapper p{color:rgba(255,255,255,.95);font-size:clamp(.95rem, 1.5vw, 1.15rem);line-height:1.8;margin-bottom:25px;text-align:justify;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.slider-nav-btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-50%) scale(1.1);box-shadow:0 5px 20px rgba(0,0,0,.4)}
.slider-nav-btn.prev-btn{right:30px}
.slider-nav-btn.next-btn{left:30px}
@media (max-width:991px){.slider-nav-btn{top:auto;bottom:15px;transform:none;width:40px;height:40px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2)}.slider-nav-btn:hover{transform:scale(1.05)}.slider-nav-btn.prev-btn{right:15px}.slider-nav-btn.next-btn{left:15px}.slider-dots{bottom:25px}.hero-content-wrapper p{-webkit-line-clamp:2}}
.leading-area{position:relative;background:linear-gradient(135deg,#011a5e 0,#02298a 100%);padding:80px 0;overflow:hidden;color:#fff}
.leading-area::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.06) 0,transparent 60%);border-radius:50%;pointer-events:none}
.leading-logo-box{display:inline-block;background:#fff;padding:15px;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.3);transition:transform .4s,box-shadow .4s}
.leading-logo-box:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,.4)}
.leading-content h3{color:#fff;font-size:clamp(1.4rem, 2.5vw, 2.2rem);font-weight:800;line-height:1.5;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.experience-wrap{display:inline-flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:25px;background:rgba(255,255,255,.05);padding:15px 30px;border-radius:100px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(5px)}
.experience-num{color:var(--accent);font-size:clamp(3rem, 6vw, 5rem);font-weight:900;line-height:.8}
.experience-text{color:#fff;font-size:clamp(1rem, 1.5vw, 1.3rem);font-weight:600}
.contact-pills{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.contact-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);padding:12px 25px;border-radius:50px;color:#fff;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:.3s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.contact-pill:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(253,108,30,.4)}
.contact-pill svg{width:20px;height:20px;stroke:currentColor}