/*==================================================== DMRN PREMIUM WEBSITE Enterprise CSS Framework v2.0 Version : 2.0 ====================================================*/ /*==================================================== DMRN PREMIUM WEBSITE Enterprise CSS Framework v2.0 ====================================================*/ /*==================================================== GOOGLE FONTS ====================================================*/ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap'); /*==================================================== ROOT VARIABLES ====================================================*/ :root{ /* Brand */ --primary:#17364d; --primary-light:#21485f; --primary-dark:#102b3f; /* Accent */ --accent:#6f8795; --accent-light:#a9bac4; /* Text */ --heading:#081B54; --text:#64748B; --text-light:#94A3B8; /* Background */ --white:#FFFFFF; --body:#FFFFFF; --section:#F8FBFF; --section-two:#EEF4FF; /* Border */ --border:#E8EEF8; /* Radius */ --radius-sm:12px; --radius-md:20px; --radius-lg:30px; --radius-xl:40px; --radius-pill:100px; /* Shadows */ --shadow-sm:0 10px 25px rgba(17,3,101,.05); --shadow-md:0 20px 50px rgba(17,3,101,.08); --shadow-lg:0 35px 80px rgba(17,3,101,.12); /* Gradient */ --gradient-primary: linear-gradient(135deg,#17364d,#21485f); --gradient-light: linear-gradient(135deg,#F8FBFF,#EEF4FF); /* Transition */ --transition:.35s ease; } /*==================================================== RESET ====================================================*/ *, *::before, *::after{ margin:0; padding:0; box-sizing:border-box; } /*==================================================== HTML ====================================================*/ html{ scroll-behavior:smooth; } /*==================================================== BODY ====================================================*/ body{ font-family:'Inter',sans-serif; font-size:16px; font-weight:400; line-height:1.8; color:var(--text); background:var(--body); overflow-x:hidden; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } /*==================================================== SCROLLBAR ====================================================*/ ::-webkit-scrollbar{ width:10px; } ::-webkit-scrollbar-track{ background:#EEF3FF; } ::-webkit-scrollbar-thumb{ background:var(--primary); border-radius:50px; } ::-webkit-scrollbar-thumb:hover{ background:var(--primary-dark); } /*==================================================== TEXT SELECTION ====================================================*/ ::selection{ background:var(--primary); color:#fff; } /*==================================================== IMAGES ====================================================*/ img{ max-width:100%; display:block; height:auto; } /*==================================================== LINKS ====================================================*/ a{ text-decoration:none; color:inherit; transition:var(--transition); } /*==================================================== LIST ====================================================*/ ul, ol{ list-style:none; margin:0; padding:0; } /*==================================================== CONTAINER ====================================================*/ .container{ max-width:1320px; } /*==================================================== SECTION ====================================================*/ section{ position:relative; padding:120px 0; } /*==================================================== TYPOGRAPHY ====================================================*/ h1, h2, h3, h4, h5, h6{ font-family:'Plus Jakarta Sans',sans-serif; color:var(--heading); font-weight:800; letter-spacing:-.5px; } h1{ font-size:72px; line-height:1.08; } h2{ font-size:54px; line-height:1.15; } h3{ font-size:40px; } h4{ font-size:28px; } h5{ font-size:22px; } p{ font-size:17px; line-height:1.9; color:var(--text); } /*==================================================== SECTION TITLE ====================================================*/ .section-tag{ display:inline-flex; align-items:center; justify-content:center; padding:12px 24px; background:#EEF2FF; color:var(--primary); border-radius:100px; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; } .section-title{ margin-top:20px; color:var(--heading); } .section-title span{ color:var(--primary); } .section-description{ margin-top:20px; max-width:720px; } /*==================================================== BUTTONS ====================================================*/ .btn-primary-custom{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:18px 40px; border:none; outline:none; border-radius:100px; background:var(--gradient-primary); color:#fff; font-weight:700; transition:var(--transition); box-shadow:var(--shadow-md); } .btn-primary-custom:hover{ transform:translateY(-6px); color:#fff; box-shadow:var(--shadow-lg); } .btn-outline-custom{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:18px 40px; border-radius:100px; border:2px solid var(--primary); color:var(--primary); background:#fff; font-weight:700; transition:var(--transition); } .btn-outline-custom:hover{ background:var(--primary); color:#fff; } /*==================================================== SHADOW HELPERS ====================================================*/ .shadow-sm{ box-shadow:var(--shadow-sm)!important; } .shadow-md{ box-shadow:var(--shadow-md)!important; } .shadow-lg{ box-shadow:var(--shadow-lg)!important; } /*==================================================== BACKGROUND HELPERS ====================================================*/ .bg-light{ background:var(--section); } .bg-white{ background:#fff; } /*==================================================== TEXT HELPERS ====================================================*/ .text-primary{ color:var(--primary)!important; } .text-dark{ color:var(--heading)!important; } .text-muted{ color:var(--text)!important; } /*==================================================== RADIUS ====================================================*/ .radius-15{ border-radius:15px; } .radius-20{ border-radius:20px; } .radius-25{ border-radius:25px; } .radius-30{ border-radius:30px; } .radius-50{ border-radius:50px; } /*==================================================== TRANSITIONS ====================================================*/ .transition{ transition:var(--transition); } /*==================================================== SPACING ====================================================*/ .mt-80{ margin-top:80px; } .mb-80{ margin-bottom:80px; } .py-120{ padding-top:120px; padding-bottom:120px; } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:1199px){ h1{ font-size:58px; } h2{ font-size:46px; } } @media(max-width:991px){ section{ padding:90px 0; } h1{ font-size:46px; } h2{ font-size:38px; } .container{ padding-left:20px; padding-right:20px; } } @media(max-width:576px){ h1{ font-size:36px; } h2{ font-size:30px; } .btn-primary-custom, .btn-outline-custom{ width:100%; } } /*==================================================== TOP BAR ====================================================*/ .top-bar{ background:var(--primary-dark); color:#fff; padding:12px 0; font-size:14px; } .top-contact, .top-social{ display:flex; align-items:center; gap:22px; } .top-contact li, .top-social li{ display:flex; align-items:center; gap:8px; } .top-social{ justify-content:flex-end; } .top-social a{ color:#ffffff; width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:var(--transition); } .top-social a:hover{ background:rgba(255,255,255,.12); color:#ffffff; } /*==================================================== PREMIUM NAVBAR ====================================================*/ .custom-navbar{ position:fixed; top:42px; left:0; width:100%; z-index:9999; transition:.4s; background:rgba(255,255,255,.82); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,255,255,.40); padding:18px 0; } .nav-fixed{ top:0; background:#ffffff; box-shadow:0 20px 45px rgba(17,3,101,.08); } .custom-navbar .container{ display:flex; align-items:center; justify-content:space-between; } /*==================================================== LOGO ====================================================*/ .navbar-brand{ display:flex; align-items:center; } .navbar-brand img{ height:60px; width:auto; } /*==================================================== MENU ====================================================*/ .navbar-nav{ display:flex; align-items:center; gap:8px; } .nav-item{ list-style:none; } .nav-link{ position:relative; color:var(--heading); font-weight:600; padding:12px 16px; transition:var(--transition); } .nav-link:hover{ color:var(--primary); } .nav-link.active{ color:var(--primary); } .nav-link::after{ content:""; position:absolute; left:16px; bottom:5px; width:0; height:2px; background:var(--primary); transition:.35s; } .nav-link:hover::after, .nav-link.active::after{ width:calc(100% - 32px); } /*==================================================== CONSULT BUTTON ====================================================*/ .btn-consult{ background:var(--gradient-primary); color:#fff; padding:15px 28px; border-radius:100px; font-weight:700; box-shadow:var(--shadow-md); transition:var(--transition); } .btn-consult:hover{ color:#fff; transform:translateY(-5px); box-shadow:var(--shadow-lg); } /*==================================================== HERO SECTION ====================================================*/ .hero-section{ position:relative; overflow:hidden; padding:190px 0 120px; background:linear-gradient( 135deg, #FFFFFF 0%, #F8FBFF 45%, #EEF4FF 100% ); } /*==================================================== BACKGROUND BLOBS ====================================================*/ .hero-section::before{ content:""; position:absolute; width:650px; height:650px; border-radius:50%; background:rgba(17,3,101,.05); top:-260px; right:-180px; } .hero-section::after{ content:""; position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(17,3,101,.04); bottom:-120px; left:-120px; } /*==================================================== HERO CONTENT ====================================================*/ .hero-content{ position:relative; z-index:5; } .hero-tag{ display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border-radius:100px; background:#EEF2FF; color:var(--primary); font-weight:700; margin-bottom:28px; } .hero-content h1{ font-size:68px; line-height:1.08; margin-bottom:24px; } .hero-content h1 span{ color:var(--primary); } .hero-content p{ max-width:630px; font-size:18px; } .hero-buttons{ display:flex; gap:18px; margin-top:42px; flex-wrap:wrap; } /*==================================================== TRUST BADGES ====================================================*/ .trust-badges{ display:flex; gap:18px; margin-top:45px; flex-wrap:wrap; } .badge-box{ background:#fff; border-radius:20px; padding:22px; min-width:160px; box-shadow:var(--shadow-sm); } .badge-box strong{ display:block; font-size:28px; color:var(--primary); } .badge-box span{ font-size:14px; color:var(--text); } /*==================================================== HERO IMAGE ====================================================*/ .hero-right{ position:relative; display:flex; justify-content:center; align-items:center; height:720px; } .hero-right::before{ content:""; position:absolute; width:450px; height:540px; background:#fff; border-radius:36px; box-shadow:var(--shadow-lg); } .hero-man{ width:480px; position:relative; z-index:2; } /*==================================================== FLOATING CARD ====================================================*/ .hero-service-card{ position:absolute; right:-60px; top:150px; width:290px; background:#fff; padding:30px; border-radius:24px; box-shadow:var(--shadow-lg); z-index:3; } .hero-service-card h5{ margin-bottom:20px; } .hero-service-card ul li{ display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid var(--border); } .hero-service-card ul li:last-child{ border:none; } .hero-service-card i{ color:var(--primary); } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:991px){ .top-bar{ display:none; } .custom-navbar{ top:0; } .navbar-brand img{ height:50px; } .hero-section{ padding:150px 0 90px; text-align:center; } .hero-content h1{ font-size:46px; } .hero-buttons, .trust-badges{ justify-content:center; } .hero-right{ height:auto; margin-top:60px; } .hero-right::before{ display:none; } .hero-man{ width:340px; } .hero-service-card{ position:relative; right:auto; top:auto; margin:30px auto 0; width:100%; max-width:350px; } } /*==================================================== ABOUT SECTION ====================================================*/ .about-section{ background:#ffffff; padding:120px 0; } .about-image-wrapper{ position:relative; } .about-image{ width:100%; border-radius:30px; box-shadow:var(--shadow-lg); } .experience-card{ position:absolute; left:-25px; bottom:35px; width:180px; padding:30px; border-radius:25px; text-align:center; background:var(--gradient-primary); color:#fff; box-shadow:var(--shadow-lg); } .experience-card h2{ color:#fff; font-size:54px; } .experience-card span{ font-size:15px; line-height:1.7; } .about-content{ padding-left:40px; } .about-list{ margin-top:30px; } .about-list li{ display:flex; align-items:center; gap:12px; margin-bottom:18px; font-weight:600; color:var(--heading); } .about-list i{ color:var(--primary); } /*==================================================== SERVICES ====================================================*/ .services-section{ background:var(--section); } .service-card{ background:#fff; border-radius:28px; padding:42px 35px; height:100%; transition:var(--transition); box-shadow:var(--shadow-sm); border:1px solid transparent; } .service-card:hover{ transform:translateY(-12px); border-color:rgba(17,3,101,.10); box-shadow:var(--shadow-lg); } .service-icon{ width:88px; height:88px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#EEF2FF; margin-bottom:28px; transition:var(--transition); } .service-icon i{ color:var(--primary); font-size:34px; } .service-card:hover .service-icon{ background:var(--primary); } .service-card:hover .service-icon i{ color:#fff; } .service-card h4{ margin-bottom:18px; } .service-card a{ color:var(--primary); font-weight:700; } /*==================================================== INDUSTRIES ====================================================*/ .industries-section{ background:#fff; } .industry-card{ background:#fff; border-radius:26px; padding:40px; height:100%; transition:.4s; box-shadow:var(--shadow-sm); position:relative; overflow:hidden; } .industry-card::before{ content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:var(--gradient-primary); transform:scaleX(0); transition:.35s; } .industry-card:hover::before{ transform:scaleX(1); } .industry-card:hover{ transform:translateY(-12px); box-shadow:var(--shadow-lg); } .industry-icon{ width:80px; height:80px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#EEF2FF; margin-bottom:25px; transition:.35s; } .industry-icon i{ color:var(--primary); font-size:32px; } .industry-card:hover .industry-icon{ background:var(--primary); } .industry-card:hover .industry-icon i{ color:#fff; } /*==================================================== WHY CHOOSE ====================================================*/ .why-section{ background:var(--section); } .why-image img{ border-radius:30px; box-shadow:var(--shadow-lg); } .why-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:35px; } .why-list li{ display:flex; align-items:center; gap:14px; padding:20px; border-radius:18px; background:#fff; transition:var(--transition); box-shadow:var(--shadow-sm); } .why-list li i{ color:var(--primary); font-size:18px; } .why-list li:hover{ background:var(--primary); color:#fff; transform:translateY(-6px); } .why-list li:hover i{ color:#fff; } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:991px){ .about-content{ padding-left:0; margin-top:50px; } .experience-card{ left:20px; bottom:20px; } .why-list{ grid-template-columns:1fr; } .why-image{ margin-top:50px; } } @media(max-width:767px){ .service-card, .industry-card{ padding:30px; } .experience-card{ width:150px; padding:20px; } .experience-card h2{ font-size:42px; } } /*==================================================== PROCESS SECTION ====================================================*/ .process-section{ background:#ffffff; } .process-card{ background:#fff; border-radius:28px; padding:42px 35px; text-align:center; height:100%; transition:var(--transition); box-shadow:var(--shadow-sm); } .process-card:hover{ transform:translateY(-12px); background:var(--primary); color:#fff; box-shadow:var(--shadow-lg); } .process-card:hover h4, .process-card:hover p{ color:#fff; } .step-number{ width:78px; height:78px; border-radius:50%; margin:auto; margin-bottom:24px; display:flex; align-items:center; justify-content:center; background:var(--primary); color:#fff; font-size:28px; font-weight:700; } .process-card:hover .step-number{ background:#fff; color:var(--primary); } /*==================================================== COUNTER ====================================================*/ .counter-section{ background:var(--section); } .counter-box{ background:#fff; border-radius:28px; padding:45px 30px; text-align:center; box-shadow:var(--shadow-sm); transition:var(--transition); } .counter-box:hover{ transform:translateY(-10px); box-shadow:var(--shadow-lg); } .counter-icon{ width:90px; height:90px; margin:auto; margin-bottom:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#EEF2FF; } .counter-icon i{ color:var(--primary); font-size:34px; } .counter-box h2{ color:var(--primary); font-size:52px; } /*==================================================== TESTIMONIALS ====================================================*/ .testimonial-section{ background:#ffffff; } .testimonial-card{ background:#fff; border-radius:24px; padding:35px; box-shadow:var(--shadow-sm); transition:var(--transition); height:100%; } .testimonial-card:hover{ transform:translateY(-10px); box-shadow:var(--shadow-lg); } .stars{ color:#FFC107; margin-bottom:18px; } .client-info{ display:flex; align-items:center; gap:15px; margin-top:25px; } .client-avatar{ width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--primary); color:#fff; font-weight:700; } /*==================================================== CTA SECTION ====================================================*/ .cta-section{ background:var(--gradient-primary); color:#fff; text-align:center; padding:110px 0; } .cta-section h2{ color:#fff; margin-bottom:20px; } .cta-section p{ color:#E9ECFF; max-width:720px; margin:auto; margin-bottom:35px; } /*==================================================== FOOTER ====================================================*/ .footer{ background:#071A45; color:#fff; padding:90px 0 0; } .footer-logo{ max-width:180px; margin-bottom:25px; } .footer-about{ color:#C7D3F3; line-height:1.9; } .footer h5{ color:#fff; margin-bottom:25px; position:relative; } .footer h5::after{ content:""; display:block; width:45px; height:3px; margin-top:10px; background:var(--primary); border-radius:50px; } .footer ul{ padding:0; } .footer ul li{ margin-bottom:15px; } .footer ul li a{ color:#C7D3F3; transition:var(--transition); } .footer ul li a:hover{ color:#fff; padding-left:8px; } .footer-contact li{ display:flex; gap:12px; margin-bottom:18px; } .footer-contact i{ color:#ffffff; margin-top:4px; } .footer-social{ display:flex; gap:12px; } .footer-social a{ width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.08); color:#fff; } .footer-social a:hover{ background:var(--primary); } .footer-bottom{ margin-top:60px; padding:22px 0; border-top:1px solid rgba(255,255,255,.10); } .footer-bottom p{ color:#C7D3F3; margin:0; } /*==================================================== BACK TO TOP ====================================================*/ .back-top{ position:fixed; right:28px; bottom:28px; width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--primary); color:#fff; z-index:999; box-shadow:var(--shadow-md); transition:var(--transition); } .back-top:hover{ transform:translateY(-6px); background:var(--primary-dark); } /*==================================================== GLOBAL ANIMATION ====================================================*/ .fade-up{ opacity:0; transform:translateY(40px); transition:.8s ease; } .fade-up.active{ opacity:1; transform:translateY(0); } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:991px){ .footer{ text-align:center; } .footer-social{ justify-content:center; } .footer-bottom{ text-align:center; } } @media(max-width:576px){ .counter-box, .process-card, .testimonial-card{ padding:28px; } .back-top{ right:18px; bottom:18px; } } /*==================================================== CONTACT HERO ====================================================*/ .contact-hero{ padding:180px 0 90px; background:linear-gradient( 135deg, #17364d, #21485f ); text-align:center; color:#fff; position:relative; overflow:hidden; } .contact-hero::before{ content:""; position:absolute; width:550px; height:550px; border-radius:50%; background:rgba(255,255,255,.05); top:-250px; right:-180px; } .contact-hero h1{ color:#fff; font-size:62px; margin-bottom:18px; } .contact-hero p{ color:rgba(255,255,255,.85); max-width:700px; margin:auto; } /*==================================================== CONTACT SECTION ====================================================*/ .contact-section{ padding:120px 0; background:#F8FBFF; } /*==================================================== CONTACT CARD ====================================================*/ .contact-card{ background:#fff; border-radius:25px; padding:35px; height:100%; text-align:center; box-shadow:var(--shadow-sm); transition:var(--transition); } .contact-card:hover{ transform:translateY(-10px); box-shadow:var(--shadow-lg); } .contact-card-icon{ width:80px; height:80px; border-radius:50%; background:#EEF2FF; display:flex; justify-content:center; align-items:center; margin:auto; margin-bottom:25px; } .contact-card-icon i{ color:var(--primary); font-size:32px; } .contact-card h4{ margin-bottom:15px; } .contact-card p{ margin-bottom:0; } /*==================================================== CONTACT FORM ====================================================*/ .contact-form{ background:#fff; border-radius:30px; padding:50px; box-shadow:var(--shadow-md); } /*==================================================== FORM GROUP ====================================================*/ .form-group{ margin-bottom:25px; } /*==================================================== INPUT ====================================================*/ .form-control{ width:100%; height:58px; border:1px solid #DCE6F5; border-radius:14px; padding:0 18px; transition:var(--transition); font-size:16px; background:#fff; } textarea.form-control{ height:180px; padding-top:18px; resize:none; } .form-control:focus{ outline:none; border-color:var(--primary); box-shadow:0 0 0 4px rgba(17,3,101,.08); } /*==================================================== LABEL ====================================================*/ .form-label{ display:block; margin-bottom:10px; font-weight:600; color:var(--heading); } /*==================================================== SUBMIT BUTTON ====================================================*/ .contact-form .btn-primary-custom{ width:100%; } /*==================================================== OFFICE BOX ====================================================*/ .office-box{ background:#fff; padding:35px; border-radius:25px; box-shadow:var(--shadow-sm); } .office-box h4{ margin-bottom:20px; } .office-box ul li{ display:flex; gap:12px; margin-bottom:16px; } .office-box i{ color:var(--primary); } /*==================================================== BUSINESS HOURS ====================================================*/ .business-hours{ margin-top:35px; background:#fff; border-radius:25px; padding:35px; box-shadow:var(--shadow-sm); } .business-hours li{ display:flex; justify-content:space-between; padding:14px 0; border-bottom:1px solid #EEF2F8; } .business-hours li:last-child{ border:none; } /*==================================================== GOOGLE MAP ====================================================*/ .google-map{ margin-top:70px; border-radius:30px; overflow:hidden; box-shadow:var(--shadow-md); } .google-map iframe{ width:100%; height:500px; border:none; } /*==================================================== FAQ ====================================================*/ .contact-faq{ margin-top:80px; } .accordion-item{ border:none; margin-bottom:18px; border-radius:16px; overflow:hidden; box-shadow:var(--shadow-sm); } .accordion-button{ font-weight:700; padding:22px; } .accordion-button:not(.collapsed){ background:#EEF2FF; color:var(--primary); } .accordion-button:focus{ box-shadow:none; } /*==================================================== SUCCESS ALERT ====================================================*/ .alert-success{ border:none; background:#D1FAE5; color:#065F46; border-radius:14px; } /*==================================================== ERROR ALERT ====================================================*/ .alert-danger{ border:none; background:#FEE2E2; color:#991B1B; border-radius:14px; } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:991px){ .contact-form{ padding:35px; margin-top:40px; } .office-box{ margin-top:40px; } } @media(max-width:576px){ .contact-hero{ padding:150px 0 70px; } .contact-hero h1{ font-size:40px; } .contact-form{ padding:25px; } } /*==================================================== BLOG HERO ====================================================*/ .blog-hero{ padding:180px 0 90px; background:var(--gradient-primary); color:#fff; text-align:center; } .blog-hero h1{ color:#fff; margin-bottom:18px; } .blog-hero p{ color:rgba(255,255,255,.85); max-width:700px; margin:auto; } /*==================================================== BLOG SECTION ====================================================*/ .blog-section{ background:var(--section); padding:120px 0; } /*==================================================== BLOG CARD ====================================================*/ .blog-card{ background:#fff; border-radius:24px; overflow:hidden; box-shadow:var(--shadow-sm); transition:var(--transition); height:100%; } .blog-card:hover{ transform:translateY(-10px); box-shadow:var(--shadow-lg); } .blog-card-image{ overflow:hidden; } .blog-card-image img{ width:100%; height:260px; object-fit:cover; transition:.5s; } .blog-card:hover img{ transform:scale(1.08); } .blog-content{ padding:30px; } .blog-meta{ display:flex; gap:20px; font-size:14px; color:var(--text-light); margin-bottom:18px; } .blog-title{ font-size:28px; margin-bottom:18px; } .blog-title a{ color:var(--heading); } .blog-title a:hover{ color:var(--primary); } .blog-excerpt{ margin-bottom:24px; } .read-more{ display:inline-flex; align-items:center; gap:8px; color:var(--primary); font-weight:700; } /*==================================================== SIDEBAR ====================================================*/ .blog-sidebar{ display:flex; flex-direction:column; gap:30px; } .sidebar-widget{ background:#fff; border-radius:22px; padding:30px; box-shadow:var(--shadow-sm); } .sidebar-widget h4{ margin-bottom:22px; } /*==================================================== SEARCH ====================================================*/ .blog-search{ position:relative; } .blog-search input{ width:100%; height:58px; border:1px solid var(--border); border-radius:14px; padding:0 55px 0 18px; } .blog-search button{ position:absolute; right:18px; top:50%; transform:translateY(-50%); border:none; background:none; color:var(--primary); } /*==================================================== CATEGORY ====================================================*/ .category-list li{ display:flex; justify-content:space-between; padding:14px 0; border-bottom:1px solid var(--border); } .category-list li:last-child{ border:none; } .category-list a:hover{ color:var(--primary); } /*==================================================== RECENT POSTS ====================================================*/ .recent-post{ display:flex; gap:15px; margin-bottom:22px; } .recent-post:last-child{ margin-bottom:0; } .recent-post img{ width:80px; height:80px; border-radius:14px; object-fit:cover; } .recent-post h6{ font-size:16px; line-height:1.5; } /*==================================================== TAGS ====================================================*/ .tags{ display:flex; flex-wrap:wrap; gap:10px; } .tags a{ padding:10px 16px; background:#EEF2FF; color:var(--primary); border-radius:100px; font-size:14px; } .tags a:hover{ background:var(--primary); color:#fff; } /*==================================================== SINGLE BLOG ====================================================*/ .single-blog{ background:#fff; border-radius:30px; padding:45px; box-shadow:var(--shadow-sm); } .single-blog img{ border-radius:24px; margin-bottom:30px; } .single-blog h2{ margin-bottom:20px; } .single-blog p{ margin-bottom:20px; } /*==================================================== BLOCKQUOTE ====================================================*/ blockquote{ background:#EEF2FF; border-left:5px solid var(--primary); padding:30px; border-radius:16px; margin:35px 0; font-size:20px; font-style:italic; } /*==================================================== AUTHOR BOX ====================================================*/ .author-box{ display:flex; gap:25px; margin-top:60px; padding:30px; border-radius:24px; background:#F8FBFF; } .author-box img{ width:90px; height:90px; border-radius:50%; } /*==================================================== COMMENTS ====================================================*/ .comments{ margin-top:70px; } .comment{ display:flex; gap:20px; margin-bottom:35px; } .comment-avatar{ width:70px; height:70px; border-radius:50%; background:var(--primary); color:#fff; display:flex; justify-content:center; align-items:center; font-weight:700; } /*==================================================== COMMENT FORM ====================================================*/ .comment-form{ margin-top:60px; background:#fff; padding:35px; border-radius:24px; box-shadow:var(--shadow-sm); } /*==================================================== PAGINATION ====================================================*/ .pagination{ justify-content:center; margin-top:60px; } .page-link{ border:none; margin:0 6px; border-radius:12px; color:var(--heading); } .page-link:hover{ background:var(--primary); color:#fff; } .page-item.active .page-link{ background:var(--primary); color:#fff; } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:991px){ .blog-sidebar{ margin-top:50px; } .single-blog{ padding:30px; } } @media(max-width:576px){ .author-box{ flex-direction:column; text-align:center; } .comment{ flex-direction:column; } .blog-card-image img{ height:220px; } } /*==================================================== SERVICE HERO ====================================================*/ .service-hero{ padding:180px 0 100px; background:var(--gradient-primary); text-align:center; color:#fff; } .service-hero h1{ color:#fff; margin-bottom:20px; } .service-hero p{ color:rgba(255,255,255,.85); max-width:760px; margin:auto; } /*==================================================== SERVICE DETAILS ====================================================*/ .service-details{ padding:120px 0; background:#fff; } .service-image img{ border-radius:30px; box-shadow:var(--shadow-lg); } .service-content{ padding-left:45px; } .service-content h2{ margin-bottom:25px; } .service-content p{ margin-bottom:20px; } /*==================================================== FEATURE LIST ====================================================*/ .feature-list{ margin-top:30px; } .feature-list li{ display:flex; align-items:flex-start; gap:15px; margin-bottom:18px; } .feature-list i{ width:42px; height:42px; border-radius:50%; background:#EEF2FF; color:var(--primary); display:flex; justify-content:center; align-items:center; } /*==================================================== SERVICE SIDEBAR ====================================================*/ .service-sidebar{ display:flex; flex-direction:column; gap:30px; } .sidebar-card{ background:#fff; border-radius:24px; padding:30px; box-shadow:var(--shadow-sm); } .sidebar-card h4{ margin-bottom:20px; } .sidebar-card ul li{ padding:14px 0; border-bottom:1px solid var(--border); } .sidebar-card ul li:last-child{ border:none; } .sidebar-card a:hover{ color:var(--primary); } /*==================================================== TIMELINE ====================================================*/ .timeline{ position:relative; margin-top:60px; } .timeline::before{ content:""; position:absolute; left:24px; top:0; width:2px; height:100%; background:#E6ECFA; } .timeline-item{ position:relative; padding-left:70px; margin-bottom:40px; } .timeline-dot{ position:absolute; left:12px; top:4px; width:26px; height:26px; border-radius:50%; background:var(--primary); border:5px solid #EEF2FF; } .timeline-item h5{ margin-bottom:10px; } /*==================================================== PRICING ====================================================*/ .pricing-section{ background:var(--section); } .pricing-card{ background:#fff; border-radius:28px; padding:45px; text-align:center; box-shadow:var(--shadow-sm); transition:var(--transition); height:100%; } .pricing-card:hover{ transform:translateY(-10px); box-shadow:var(--shadow-lg); } .pricing-card.active{ background:var(--gradient-primary); color:#fff; } .pricing-card.active h2, .pricing-card.active h3, .pricing-card.active p{ color:#fff; } .price{ font-size:54px; color:var(--primary); margin:25px 0; } .pricing-card.active .price{ color:#fff; } .pricing-list{ margin:30px 0; } .pricing-list li{ margin-bottom:16px; } /*==================================================== TEAM ====================================================*/ .team-section{ background:#fff; } .team-card{ background:#fff; border-radius:28px; overflow:hidden; box-shadow:var(--shadow-sm); transition:var(--transition); text-align:center; } .team-card:hover{ transform:translateY(-10px); box-shadow:var(--shadow-lg); } .team-card img{ width:100%; height:340px; object-fit:cover; } .team-content{ padding:30px; } .team-content h4{ margin-bottom:8px; } .team-content span{ color:var(--primary); display:block; margin-bottom:18px; } .team-social{ display:flex; justify-content:center; gap:12px; } .team-social a{ width:42px; height:42px; border-radius:50%; background:#EEF2FF; color:var(--primary); display:flex; align-items:center; justify-content:center; } .team-social a:hover{ background:var(--primary); color:#fff; } /*==================================================== FAQ ====================================================*/ .faq-section{ background:var(--section); } .faq-wrapper{ max-width:900px; margin:auto; } .faq-wrapper .accordion-item{ border:none; margin-bottom:18px; border-radius:18px; overflow:hidden; box-shadow:var(--shadow-sm); } .faq-wrapper .accordion-button{ font-weight:700; padding:22px; } .faq-wrapper .accordion-button:not(.collapsed){ background:#EEF2FF; color:var(--primary); } /*==================================================== CTA BANNER ====================================================*/ .service-cta{ padding:100px 0; background:var(--gradient-primary); color:#fff; text-align:center; } .service-cta h2{ color:#fff; margin-bottom:20px; } .service-cta p{ color:rgba(255,255,255,.85); max-width:720px; margin:auto auto 35px; } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:991px){ .service-content{ padding-left:0; margin-top:50px; } .service-sidebar{ margin-top:50px; } .timeline{ margin-top:40px; } } @media(max-width:576px){ .pricing-card{ padding:30px; } .team-card img{ height:280px; } .timeline-item{ padding-left:55px; } } /*==================================================== PRELOADER ====================================================*/ .preloader{ position:fixed; inset:0; background:#fff; z-index:99999; display:flex; justify-content:center; align-items:center; } .loader{ width:65px; height:65px; border:6px solid #E8ECFF; border-top:6px solid var(--primary); border-radius:50%; animation:loaderSpin .9s linear infinite; } @keyframes loaderSpin{ to{ transform:rotate(360deg); } } /*==================================================== BREADCRUMB ====================================================*/ .breadcrumb-section{ background:#F5F8FD; padding:35px 0; } .breadcrumb{ margin:0; } .breadcrumb-item+.breadcrumb-item::before{ color:#999; } .breadcrumb a{ color:var(--primary); } /*==================================================== MODAL ====================================================*/ .modal-content{ border:none; border-radius:24px; overflow:hidden; box-shadow:var(--shadow-lg); } .modal-header{ border:none; padding:25px 30px; } .modal-body{ padding:30px; } .modal-footer{ border:none; padding:25px 30px; } /*==================================================== TABS ====================================================*/ .nav-pills .nav-link{ border-radius:12px; padding:14px 24px; color:var(--heading); font-weight:600; } .nav-pills .nav-link.active{ background:var(--primary); } /*==================================================== PROGRESS BAR ====================================================*/ .progress{ height:10px; border-radius:20px; background:#EDF1FA; } .progress-bar{ background:var(--primary); } /*==================================================== PORTFOLIO ====================================================*/ .portfolio-card{ position:relative; overflow:hidden; border-radius:24px; } .portfolio-card img{ width:100%; transition:.5s; } .portfolio-overlay{ position:absolute; inset:0; background:rgba(17,3,101,.85); display:flex; justify-content:center; align-items:center; opacity:0; transition:.4s; } .portfolio-card:hover img{ transform:scale(1.08); } .portfolio-card:hover .portfolio-overlay{ opacity:1; } /*==================================================== CLIENT LOGOS ====================================================*/ .client-logo{ background:#fff; padding:30px; border-radius:20px; text-align:center; transition:.3s; box-shadow:var(--shadow-sm); } .client-logo:hover{ transform:translateY(-8px); box-shadow:var(--shadow-lg); } /*==================================================== NEWSLETTER ====================================================*/ .newsletter-box{ background:var(--gradient-primary); border-radius:30px; padding:70px; color:#fff; } .newsletter-box h2{ color:#fff; } .newsletter-box input{ height:60px; border:none; border-radius:12px; padding:0 18px; } .newsletter-box button{ height:60px; } /*==================================================== UTILITIES ====================================================*/ .radius-10{border-radius:10px;} .radius-20{border-radius:20px;} .radius-30{border-radius:30px;} .radius-50{border-radius:50%;} .shadow-sm-custom{ box-shadow:var(--shadow-sm); } .shadow-md-custom{ box-shadow:var(--shadow-md); } .shadow-lg-custom{ box-shadow:var(--shadow-lg); } .transition{ transition:var(--transition); } /*==================================================== HOVER EFFECTS ====================================================*/ .hover-up{ transition:.35s; } .hover-up:hover{ transform:translateY(-8px); } .hover-scale{ transition:.35s; } .hover-scale:hover{ transform:scale(1.05); } /*==================================================== IMAGE EFFECT ====================================================*/ .img-zoom{ overflow:hidden; } .img-zoom img{ transition:.5s; } .img-zoom:hover img{ transform:scale(1.08); } /*==================================================== SCROLL ANIMATION ====================================================*/ .reveal{ opacity:0; transform:translateY(70px); transition:all .8s ease; } .reveal.active{ opacity:1; transform:translateY(0); } /*==================================================== GLASS CARD ====================================================*/ .glass-card{ background:rgba(255,255,255,.75); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.35); border-radius:24px; } /*==================================================== CUSTOM SELECTION ====================================================*/ ::selection{ background:var(--primary); color:#fff; } /*==================================================== RESPONSIVE ====================================================*/ @media(max-width:991px){ .newsletter-box{ padding:45px; text-align:center; } } @media(max-width:576px){ .newsletter-box{ padding:30px; } } /*================================= MISSION & VISION ==================================*/ .mission-vision{ background:#F7F9FC; } .info-card{ background:#fff; border-radius:24px; padding:40px 30px; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.06); transition:.35s; height:100%; } .info-card:hover{ transform:translateY(-8px); } .info-icon{ width:80px; height:80px; margin:0 auto 25px; border-radius:50%; background:#EEF2FF; display:flex; align-items:center; justify-content:center; } .info-icon i{ color:#17364d; font-size:34px; } .info-card h4{ margin-bottom:18px; } /*================================= CORE VALUES ==================================*/ .core-values{ background:#fff; } .value-card{ background:#fff; border-radius:22px; padding:35px 30px; text-align:center; box-shadow:0 15px 40px rgba(0,0,0,.06); transition:.35s; height:100%; border:1px solid #EEF2F7; } .value-card:hover{ transform:translateY(-10px); box-shadow:0 25px 50px rgba(17,3,101,.12); } .value-icon{ width:75px; height:75px; margin:0 auto 22px; border-radius:50%; background:#EEF2FF; display:flex; align-items:center; justify-content:center; } .value-icon i{ color:#17364d; font-size:30px; } .value-card h4{ margin-bottom:15px; } /*================================= LEADERSHIP TEAM ==================================*/ .leadership-team{ background:#F8FAFD; } .team-card{ background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,.06); transition:.35s; height:100%; } .team-card:hover{ transform:translateY(-8px); box-shadow:0 25px 50px rgba(17,3,101,.12); } .team-image{ overflow:hidden; } .team-image img{ width:100%; height:380px; object-fit:cover; transition:.4s; } .team-card:hover .team-image img{ transform:scale(1.05); } .team-content{ padding:30px; text-align:center; } .designation{ color:#17364d; font-weight:600; display:block; margin-bottom:15px; } .team-social{ margin-top:20px; } .team-social a{ width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#EEF2FF; color:#17364d; margin:0 5px; transition:.3s; } .team-social a:hover{ background:#17364d; color:#fff; } /*================================= ABOUT CTA ==================================*/ .about-cta{ padding:90px 0; background:#fff; } .cta-box{ background:linear-gradient(135deg,#17364d,#2B3FD6); padding:70px; border-radius:30px; color:#fff; position:relative; overflow:hidden; } .cta-box::before{ content:""; position:absolute; width:350px; height:350px; border-radius:50%; background:rgba(255,255,255,.08); right:-120px; top:-120px; } .cta-box::after{ content:""; position:absolute; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.05); left:-80px; bottom:-80px; } .cta-tag{ display:inline-block; background:rgba(255,255,255,.15); padding:8px 18px; border-radius:50px; font-size:13px; letter-spacing:1px; margin-bottom:20px; } .cta-box h2{ color:#fff; font-size:42px; margin-bottom:20px; } .cta-box p{ color:rgba(255,255,255,.9); font-size:17px; max-width:700px; } .cta-box .btn{ margin-top:20px; padding:15px 35px; border-radius:50px; font-weight:600; } /*================================= PROCESS SECTION ==================================*/ .process-section{ background:#F8FAFC; } .process-card{ position:relative; background:#fff; border-radius:20px; padding:40px 30px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.06); transition:.35s; height:100%; } .process-card:hover{ transform:translateY(-8px); box-shadow:0 20px 45px rgba(17,3,101,.12); } .process-number{ position:absolute; top:20px; right:20px; font-size:36px; font-weight:700; color:#E9ECF8; } .process-icon{ width:80px; height:80px; margin:0 auto 25px; border-radius:50%; background:#EEF2FF; display:flex; align-items:center; justify-content:center; } .process-icon i{ color:#17364d; font-size:32px; } .process-card h4{ margin-bottom:15px; } /*================================= WHY SERVICES ==================================*/ .why-services{ background:#fff; } .why-item{ display:flex; align-items:flex-start; gap:20px; background:#fff; border-radius:18px; padding:25px; box-shadow:0 10px 25px rgba(0,0,0,.05); transition:.35s; height:100%; } .why-item:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(17,3,101,.10); } .why-item i{ width:60px; height:60px; border-radius:50%; background:#EEF2FF; color:#17364d; display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; } .why-item h5{ margin-bottom:10px; font-weight:700; } .why-item p{ margin:0; color:#666; } /*================================= SERVICES FAQ ==================================*/ .services-faq{ background:#F8FAFC; } .accordion-item{ border:none; margin-bottom:18px; border-radius:18px !important; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,.05); } .accordion-button{ font-weight:600; padding:22px 25px; background:#fff; } .accordion-button:not(.collapsed){ background:#17364d; color:#fff; } .accordion-button:focus{ box-shadow:none; } .accordion-body{ padding:25px; color:#666; } /*================================= SERVICES CTA ==================================*/ .services-cta{ background:#fff; } .cta-wrapper{ background:linear-gradient(135deg,#17364d,#21485f); border-radius:30px; padding:70px; color:#fff; position:relative; overflow:hidden; } .cta-wrapper::before{ content:""; position:absolute; width:350px; height:350px; border-radius:50%; background:rgba(255,255,255,.07); top:-120px; right:-120px; } .cta-wrapper::after{ content:""; position:absolute; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.05); left:-80px; bottom:-80px; } .cta-badge{ display:inline-block; background:rgba(255,255,255,.15); padding:8px 18px; border-radius:50px; margin-bottom:20px; font-size:13px; letter-spacing:1px; } .cta-wrapper h2{ color:#fff; font-size:42px; margin-bottom:20px; } .cta-wrapper p{ color:rgba(255,255,255,.90); font-size:17px; max-width:700px; } .cta-wrapper .btn{ border-radius:50px; padding:15px 30px; font-weight:600; } /*================================= SERVICE DETAIL HERO ==================================*/ .service-detail-hero{ padding:140px 0; background:linear-gradient(135deg,#17364d,#2446D8); color:#fff; } .service-detail-hero h1{ color:#fff; font-size:54px; margin:20px 0; } .service-detail-hero p{ color:rgba(255,255,255,.90); font-size:18px; margin-bottom:35px; } /*================================= SERVICE OVERVIEW ==================================*/ .service-overview{ background:#fff; } .service-checklist{ list-style:none; padding:0; margin:0; } .service-checklist li{ margin-bottom:18px; font-size:16px; display:flex; align-items:center; } .service-checklist i{ width:34px; height:34px; border-radius:50%; background:#EEF2FF; color:#17364d; display:flex; align-items:center; justify-content:center; margin-right:15px; font-size:14px; } /*================================= SERVICE BENEFITS ==================================*/ .service-benefits{ background:#F8FAFC; } .benefit-card{ background:#fff; border-radius:20px; padding:35px 30px; text-align:center; height:100%; box-shadow:0 10px 30px rgba(0,0,0,.06); transition:.35s; } .benefit-card:hover{ transform:translateY(-8px); box-shadow:0 20px 45px rgba(17,3,101,.12); } .benefit-icon{ width:80px; height:80px; margin:0 auto 25px; border-radius:50%; background:#EEF2FF; display:flex; align-items:center; justify-content:center; } .benefit-icon i{ font-size:30px; color:#17364d; } .benefit-card h4{ margin-bottom:15px; } /*================================= SERVICE PROCESS ==================================*/ .service-process{ background:#fff; } .process-card{ position:relative; background:#fff; padding:40px 25px; text-align:center; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,.06); transition:.3s; height:100%; } .process-card:hover{ transform:translateY(-8px); box-shadow:0 20px 45px rgba(17,3,101,.12); } .process-number{ position:absolute; top:20px; right:20px; font-size:42px; font-weight:700; color:rgba(17,3,101,.08); } .process-icon{ font-size:48px; color:#17364d; margin-bottom:20px; } .process-card h4{ margin-bottom:15px; } /*================================= SERVICE FAQ ==================================*/ .service-faq{ background:#F8FAFC; } .accordion-item{ border:none; border-radius:15px; overflow:hidden; margin-bottom:15px; box-shadow:0 10px 25px rgba(0,0,0,.05); } .accordion-button{ font-weight:600; padding:20px; } .accordion-button:not(.collapsed){ background:#17364d; color:#fff; } .accordion-button:focus{ box-shadow:none; } .faq-contact-box{ margin-top:50px; background:#17364d; color:#fff; padding:40px; border-radius:20px; text-align:center; } .faq-contact-box h4{ color:#fff; margin-bottom:15px; } .faq-contact-box p{ color:rgba(255,255,255,.85); margin-bottom:25px; } /*================================= SERVICE CTA ==================================*/ .service-cta{ padding:100px 0; background:#F8FAFC; } .cta-wrapper{ background:linear-gradient(135deg,#17364d,#21485f); padding:70px; border-radius:30px; position:relative; overflow:hidden; } .cta-wrapper::before{ content:''; position:absolute; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,.08); top:-120px; right:-120px; } .cta-wrapper::after{ content:''; position:absolute; width:180px; height:180px; border-radius:50%; background:rgba(255,255,255,.05); bottom:-70px; left:-70px; } .cta-wrapper h2{ color:#fff; font-size:42px; margin:20px 0; } .cta-wrapper p{ color:rgba(255,255,255,.85); font-size:17px; margin-bottom:0; } .cta-wrapper .btn{ border-radius:50px; padding:15px 35px; font-weight:600; margin-top:10px; } @media(max-width:991px){ .cta-wrapper{ padding:45px; text-align:center; } .cta-wrapper h2{ font-size:32px; } } /*================================= KEY SERVICES ==================================*/ .service-key-services{ background:#ffffff; } .key-service-card{ background:#fff; padding:35px 30px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,.06); transition:.35s; height:100%; text-align:center; border:1px solid #eef2f7; } .key-service-card:hover{ transform:translateY(-8px); border-color:#17364d; box-shadow:0 20px 40px rgba(17,3,101,.12); } .key-service-card i{ width:80px; height:80px; line-height:80px; border-radius:50%; background:#EEF2FF; color:#17364d; font-size:32px; margin-bottom:20px; } .key-service-card h4{ margin-bottom:15px; font-size:22px; font-weight:700; } .key-service-card p{ margin:0; color:#6c757d; } /*================================= PARTNER HERO ==================================*/ .partner-hero{ padding:140px 0 100px; background:linear-gradient(135deg,#17364d,#21485f); color:#fff; } .partner-hero h1{ color:#fff; font-size:58px; margin:20px 0 10px; font-weight:700; } .partner-hero h4{ color:#C8D6FF; margin-bottom:25px; } .partner-hero p{ color:rgba(255,255,255,.90); font-size:18px; line-height:1.8; margin-bottom:35px; } .partner-photo{ max-width:420px; border-radius:25px; box-shadow:0 25px 60px rgba(0,0,0,.30); } /*================================= PARTNER PROFILE ==================================*/ .partner-profile{ background:#fff; } .profile-info{ background:#F8FAFC; border-left:4px solid #17364d; border-radius:12px; padding:20px; margin-bottom:20px; height:100%; } .profile-info h6{ color:#17364d; font-weight:700; margin-bottom:8px; } .profile-info p{ margin:0; color:#555; } /*================================= PARTNER EXPERTISE ==================================*/ .partner-expertise{ background:#F8FAFC; } .expertise-card{ background:#fff; border-radius:20px; padding:35px 30px; text-align:center; height:100%; border:1px solid #edf2f7; transition:.35s; box-shadow:0 10px 25px rgba(0,0,0,.05); } .expertise-card:hover{ transform:translateY(-8px); border-color:#17364d; box-shadow:0 20px 40px rgba(17,3,101,.10); } .expertise-card i{ width:80px; height:80px; line-height:80px; border-radius:50%; background:#EEF2FF; color:#17364d; font-size:30px; margin-bottom:25px; } .expertise-card h4{ margin-bottom:15px; font-size:22px; font-weight:700; } .expertise-card p{ color:#666; margin:0; line-height:1.8; } /*================================= PARTNER EXPERIENCE ==================================*/ .partner-experience{ background:#fff; } .timeline{ position:relative; max-width:900px; margin:auto; } .timeline::before{ content:''; position:absolute; left:30px; top:0; bottom:0; width:3px; background:#17364d; } .timeline-item{ position:relative; display:flex; margin-bottom:45px; padding-left:90px; } .timeline-icon{ position:absolute; left:0; width:60px; height:60px; border-radius:50%; background:#17364d; color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; } .timeline-content{ background:#fff; padding:30px; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.08); width:100%; } .timeline-content h4{ margin-bottom:8px; } .timeline-content span{ display:block; color:#17364d; font-weight:600; margin-bottom:15px; } .timeline-content p{ margin:0; color:#666; line-height:1.8; } @media(max-width:768px){ .timeline::before{ left:20px; } .timeline-item{ padding-left:70px; } .timeline-icon{ width:40px; height:40px; font-size:16px; } } /*================================= PARTNER INDUSTRIES ==================================*/ .partner-industries{ background:#F8FAFC; } .industry-card{ background:#fff; border-radius:18px; padding:35px 20px; text-align:center; height:100%; border:1px solid #EDF2F7; transition:.35s; } .industry-card:hover{ transform:translateY(-8px); border-color:#17364d; box-shadow:0 20px 40px rgba(17,3,101,.12); } .industry-card i{ width:70px; height:70px; line-height:70px; border-radius:50%; background:#EEF2FF; color:#17364d; font-size:28px; margin-bottom:20px; } .industry-card h5{ margin:0; font-size:18px; font-weight:600; } /*================================= PARTNER CTA ==================================*/ .partner-cta{ padding:100px 0; background:#ffffff; } .partner-cta-box{ background:linear-gradient(135deg,#17364d,#21485f); border-radius:30px; padding:70px; overflow:hidden; position:relative; } .partner-cta-box::before{ content:""; position:absolute; width:320px; height:320px; border-radius:50%; background:rgba(255,255,255,.06); top:-150px; right:-120px; } .partner-cta-box::after{ content:""; position:absolute; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.05); bottom:-120px; left:-80px; } .partner-cta-box h2{ color:#fff; font-size:42px; margin:20px 0; } .partner-cta-box p{ color:rgba(255,255,255,.85); font-size:17px; line-height:1.8; } .partner-cta-box .btn{ border-radius:50px; padding:15px 32px; font-weight:600; } @media(max-width:991px){ .partner-cta-box{ padding:45px; text-align:center; } .partner-cta-box h2{ font-size:32px; } } /*================================= LEADERSHIP HERO ==================================*/ .leadership-hero{ padding:140px 0; background:linear-gradient(135deg,#17364d,#21485f); text-align:center; color:#fff; } .leadership-hero h1{ color:#fff; font-size:58px; margin:20px 0; } .leadership-hero p{ max-width:700px; margin:auto; color:rgba(255,255,255,.90); font-size:18px; } /*================================= LEADERSHIP GRID ==================================*/ .leadership-grid{ background:#F8FAFC; } .leader-card{ background:#fff; border-radius:25px; padding:35px; text-align:center; height:100%; box-shadow:0 10px 30px rgba(0,0,0,.06); transition:.35s; } .leader-card:hover{ transform:translateY(-10px); box-shadow:0 20px 50px rgba(17,3,101,.12); } .leader-card.featured{ text-align:left; } .leader-img{ border-radius:20px; width:100%; } .leader-role{ display:inline-block; background:#EEF2FF; color:#17364d; padding:8px 18px; border-radius:30px; font-size:14px; font-weight:600; margin-bottom:15px; } .leader-card h3, .leader-card h4{ margin-bottom:15px; } /*================================= LEADERSHIP VALUES ==================================*/ .leadership-values{ background:#ffffff; } .value-card{ background:#fff; border:1px solid #EEF2F7; border-radius:20px; padding:40px 30px; text-align:center; transition:.35s; height:100%; box-shadow:0 10px 30px rgba(0,0,0,.05); } .value-card:hover{ transform:translateY(-8px); border-color:#17364d; box-shadow:0 20px 45px rgba(17,3,101,.10); } .value-icon{ width:85px; height:85px; border-radius:50%; background:#EEF2FF; display:flex; align-items:center; justify-content:center; margin:0 auto 25px; } .value-icon i{ font-size:32px; color:#17364d; } .value-card h4{ margin-bottom:15px; } .value-card p{ margin:0; color:#666; line-height:1.8; } /*================================= LEADERSHIP CTA ==================================*/ .leadership-cta{ padding:100px 0; background:#F8FAFC; } .leadership-cta-box{ background:linear-gradient(135deg,#17364d,#21485f); border-radius:30px; padding:70px; position:relative; overflow:hidden; } .leadership-cta-box::before{ content:""; position:absolute; width:320px; height:320px; border-radius:50%; background:rgba(255,255,255,.08); top:-150px; right:-120px; } .leadership-cta-box::after{ content:""; position:absolute; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.05); bottom:-100px; left:-70px; } .leadership-cta-box h2{ color:#fff; font-size:42px; margin:20px 0; } .leadership-cta-box p{ color:rgba(255,255,255,.90); font-size:17px; line-height:1.8; } .leadership-cta-box .btn{ border-radius:50px; padding:15px 35px; font-weight:600; } @media(max-width:991px){ .leadership-cta-box{ padding:45px; text-align:center; } .leadership-cta-box h2{ font-size:32px; } } .top-social{gap:6px!important}.top-social li{margin:0!important}.top-social a{width:27px!important;height:27px!important;font-size:13px!important}.expert-team{background:#f8fafd}.expert-team-row{display:flex;gap:18px;justify-content:center;flex-wrap:nowrap}.expert-member{background:#102f4b;padding:18px 12px 0;border-radius:12px;text-align:center;color:#102f4b;text-decoration:none;min-width:178px;max-width:210px;box-shadow:0 10px 22px rgba(16,47,75,.18);transition:transform .2s}.expert-member:hover{transform:translateY(-6px)}.expert-member img{width:155px;height:155px;object-fit:cover;border-radius:50%;border:3px solid #fff;display:block;margin:0 auto 18px}.expert-member span,.expert-member small{display:block;background:#fff;margin:0 -12px;padding:10px 7px;font-weight:700;line-height:1.25}.expert-member small{padding-top:0;color:#667085;font-weight:600;min-height:49px;border-radius:0 0 12px 12px;font-size:.74rem}.trending-section{background:#f6f8fc;color:#102f4b}.trending-section h2{color:#102f4b;font-weight:800}.trending-card{display:block;height:100%;background:#fff;color:#102f4b;text-decoration:none;border:1px solid #e5eaf4;border-top:4px solid #17364d;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(16,47,75,.10);transition:transform .2s,box-shadow .2s}.trending-card:hover{color:#17364d;transform:translateY(-6px);box-shadow:0 14px 26px rgba(16,47,75,.16)}.trending-card img{display:block;width:100%;height:210px;object-fit:cover}.trending-card div{padding:20px}.trending-card h3{font-size:1.35rem;font-weight:750}.trending-card p{color:#5c6e86}.trending-card small{color:#17364d;font-weight:700}@media(max-width:1199px){.expert-team-row{flex-wrap:wrap}.expert-member{min-width:190px}} .contact-hero{background:linear-gradient(120deg,#102f4b,#17364d);color:#fff;padding:90px 0}.contact-hero h1{font-size:3.1rem;font-weight:800;max-width:700px;margin:15px 0}.contact-hero p{font-size:1.15rem;max-width:640px;opacity:.9}.contact-main{background:#f8fafd}.contact-info-card,.contact-form-card,.branch-card,.map-card{background:#fff;border-radius:14px;box-shadow:0 9px 22px rgba(16,47,75,.09)}.contact-info-card{display:flex;gap:17px;padding:20px;margin-top:16px;align-items:flex-start}.contact-info-card i{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#eef0ff;color:#17364d;font-size:1.1rem}.contact-info-card small,.branch-card span{display:block;text-transform:uppercase;letter-spacing:.08em;color:#6b7b93;font-size:.72rem;font-weight:800}.contact-info-card a{font-weight:750;color:#102f4b;text-decoration:none}.contact-info-card p{margin:3px 0 0;color:#4d5d73}.contact-form-card{padding:32px}.contact-form-card h2{color:#102f4b;font-weight:800}.contact-form-card label{font-weight:700;font-size:.85rem;color:#334660}.contact-form-card .form-control,.contact-form-card .form-select{border-color:#d9e1ec;padding:.7rem}.branch-card{height:100%;padding:25px;border-top:4px solid #17364d}.branch-card h3{font-size:1.2rem;color:#102f4b;font-weight:800;margin:7px 0}.branch-card strong{color:#17364d}.branch-card p{color:#53657d;margin:9px 0}.branch-card a{color:#102f4b;font-weight:700;text-decoration:none}.map-card{overflow:hidden;border:1px solid #e5eaf3}.map-card iframe{width:100%;height:460px;border:0;display:block}.expert-member.leader-card{padding:20px 14px;text-align:center;background:#fff;border:1px solid #e4eaf4;min-width:182px;max-width:214px}.expert-member.leader-card .leader-img{width:160px;height:160px;object-fit:cover;border-radius:50%;margin:0 auto 16px;border:4px solid #eef0ff}.expert-member.leader-card h3{font-size:1rem;color:#102f4b;margin:12px 0}.expert-member.leader-card .leader-role{font-size:.7rem;min-height:35px;display:flex;align-items:center;justify-content:center}.expert-view{font-size:.82rem;color:#17364d;font-weight:800}@media(max-width:768px){.contact-hero{padding:60px 0}.contact-hero h1{font-size:2.25rem}.contact-form-card{padding:22px}.map-card iframe{height:320px}} .trending-section h2,.trending-section h3,.trending-section small{color:#102f4b!important} .trending-section h2{color:#17364d!important} .newsletter-signup{background:linear-gradient(115deg,#102f4b,#17364d);padding:34px 0}.newsletter-inner{display:flex;gap:28px;align-items:center;justify-content:space-between;color:#fff}.newsletter-inner span{font-size:.74rem;letter-spacing:.12em;font-weight:800;color:#c9c4ff}.newsletter-inner h3{font-size:1.65rem;font-weight:800;margin:5px 0}.newsletter-inner p{margin:0;color:#e4e7ff}.newsletter-inner form{display:flex;gap:10px;min-width:min(100%,520px)}.newsletter-inner input{flex:1;border:0;border-radius:7px;padding:14px 16px;font-size:1rem}.newsletter-inner button{border:0;background:#fff;color:#17364d;border-radius:7px;padding:0 20px;font-weight:800;white-space:nowrap}.newsletter-inner button:hover{background:#e7e4ff}@media(max-width:767px){.newsletter-inner,.newsletter-inner form{display:block}.newsletter-inner form{margin-top:18px}.newsletter-inner input{width:100%;margin-bottom:10px}.newsletter-inner button{width:100%;padding:14px}} .newsletter-signup h3{color:#fff!important}.newsletter-signup p{color:#fff!important}.footer h5,.footer-contact li,.footer ul li a,.footer-about{color:#fff!important}.footer h5::after{background:#fff!important} .hero-section{padding:150px 0 105px}.hero-right{height:600px;justify-content:flex-end}.hero-right::before{width:490px;height:540px;background:linear-gradient(145deg,#fff,#eaf0ff);border-radius:30px}.hero-man{width:470px;height:500px;object-fit:cover;object-position:right center;border-radius:24px;box-shadow:0 18px 44px rgba(16,47,75,.18);z-index:2}.hero-service-card{right:-18px;top:auto;bottom:20px;width:265px;padding:24px;border:1px solid #e6eaf3;border-radius:18px;box-shadow:0 16px 34px rgba(16,47,75,.18)}.hero-service-card h5{color:#102f4b;font-size:1.25rem}.hero-service-card ul li{padding:9px 0;font-size:.92rem}.hero-content h1{font-size:62px;letter-spacing:-1.5px}.hero-content p{color:#536b8c;line-height:1.75}@media(max-width:991px){.hero-section{padding:120px 0 70px}.hero-right{height:auto;justify-content:center}.hero-man{width:100%;height:420px;object-position:right center}.hero-service-card{right:auto;bottom:auto;margin-top:-50px;margin-left:auto;width:min(88%,330px)}} .hero-section{padding:98px 0 82px;background:linear-gradient(120deg,#fff 0%,#f6f8ff 58%,#e8edff 100%)}.hero-section::before{width:520px;height:520px;top:-260px;right:-130px;background:rgba(28,11,122,.06)}.hero-content h1{font-size:58px;line-height:1.1;max-width:650px;letter-spacing:-1.8px}.hero-content p{font-size:17px;max-width:600px}.hero-buttons{margin-top:32px}.hero-right{height:500px;display:block;padding:0}.hero-right::before{display:none}.hero-right::after{content:'Tax • Audit • Compliance';position:absolute;left:24px;bottom:22px;background:rgba(16,47,75,.93);color:#fff;padding:11px 18px;border-radius:8px;font-size:.86rem;font-weight:800;letter-spacing:.05em;z-index:3}.hero-man{display:block;width:100%;height:500px;object-fit:cover;object-position:right center;border-radius:20px;box-shadow:0 20px 45px rgba(16,47,75,.18)}.hero-service-card{display:none}.trust-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:36px;max-width:620px}.badge-box{min-width:0;padding:17px 14px;border-radius:14px;border:1px solid #ebeff7;box-shadow:0 8px 18px rgba(16,47,75,.07)}.badge-box strong{font-size:23px}.badge-box span{font-size:12px;line-height:1.25;display:block;margin-top:5px}@media(max-width:991px){.hero-section{padding:72px 0 60px}.hero-content h1{font-size:45px}.hero-right{height:420px;margin-top:12px}.hero-man{height:420px}.trust-badges{grid-template-columns:repeat(2,1fr);max-width:100%}}@media(max-width:575px){.hero-content h1{font-size:38px}.hero-right{height:320px}.hero-man{height:320px}.hero-right::after{left:14px;bottom:14px;font-size:.74rem}.trust-badges{gap:9px}.badge-box{padding:14px 10px}} .hero-section{min-height:650px;padding:112px 0 72px;background:linear-gradient(100deg,rgba(8,30,67,.94) 0%,rgba(15,45,91,.84) 49%,rgba(28,11,122,.56) 100%),url('../images/hero/financial-tax-workspace.png') center/cover no-repeat}.hero-section::before,.hero-section::after{display:none}.hero-content{color:#fff}.hero-tag{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;margin-bottom:20px}.hero-content h1{color:#fff;font-size:61px;max-width:670px;letter-spacing:-1.5px}.hero-content h1 span{color:#d9d4ff}.hero-content p{color:#edf2ff;max-width:620px;font-size:18px}.hero-buttons{margin-top:30px}.hero-buttons .btn-primary-custom,.hero-buttons .btn-outline-custom{background:#fff!important;border:2px solid #fff!important;color:#102f4b!important}.hero-buttons .btn-primary-custom:hover,.hero-buttons .btn-outline-custom:hover{background:#e9edff!important;border-color:#e9edff!important;color:#17364d!important}.hero-right{height:465px;position:relative}.hero-man{display:none}.hero-right::before{display:none}.hero-right::after{display:none}.hero-service-card{display:block;right:0;top:auto;bottom:0;width:300px;padding:28px;border-radius:18px;box-shadow:0 22px 42px rgba(0,0,0,.28);background:rgba(255,255,255,.97)}.hero-service-card h5{font-size:1.35rem;color:#102f4b}.hero-service-card ul li{padding:10px 0;font-size:.94rem}.trust-badges{margin-top:34px;max-width:650px;display:flex;gap:12px}.badge-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);box-shadow:none;min-width:135px;padding:14px 16px}.badge-box strong,.badge-box span{color:#fff}.badge-box strong{font-size:23px}@media(max-width:991px){.hero-section{min-height:auto;padding:80px 0;background-position:62% center}.hero-content h1{font-size:46px}.hero-right{height:250px}.hero-service-card{left:0;right:auto;bottom:0;width:min(100%,330px)}.trust-badges{display:grid;grid-template-columns:repeat(2,1fr)}.badge-box{min-width:0}}@media(max-width:575px){.hero-section{padding:65px 0;background-position:65% center}.hero-content h1{font-size:39px}.hero-content p{font-size:16px}.hero-right{height:270px}.hero-service-card{width:100%;padding:20px}.hero-service-card ul li:nth-child(n+5){display:none}} .hero-content h1 span{color:#d9f1ff!important} .about-refresh{padding:110px 0 85px;background:linear-gradient(180deg,#fff 0%,#f7f9fe 100%)}.about-visual-card{position:relative;padding:14px;background:#fff;border:1px solid #e2e9f5;border-radius:24px;box-shadow:0 24px 52px rgba(16,47,75,.12)}.about-visual-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px}.about-refresh .experience-card{position:absolute;right:-24px;bottom:30px;display:flex;flex-direction:column;gap:2px;max-width:205px;padding:20px 22px;border-radius:15px;background:#102f4b;color:#fff;box-shadow:0 18px 30px rgba(16,47,75,.26)}.about-refresh .experience-card strong{font-size:2.45rem;line-height:1;font-weight:800}.about-refresh .experience-card span{font-size:.85rem;line-height:1.35;color:#e6efff}.about-refresh-content{max-width:650px;padding-left:18px}.about-refresh .section-title{font-size:clamp(2.1rem,3.5vw,3.35rem);line-height:1.08;letter-spacing:-.045em;margin:16px 0 18px;color:#102f4b}.about-refresh .section-title span{color:#17364d}.about-refresh p{color:#5a6e88;font-size:1rem;line-height:1.8;margin-bottom:14px}.about-refresh .about-lead{font-size:1.12rem;color:#344c6a;font-weight:500}.about-highlights{margin:25px 0}.about-highlights>div>div{height:100%;padding:12px 14px;background:#f2f6fc;border-radius:9px;color:#183a60;font-weight:700;font-size:.9rem}.about-highlights i{color:#17364d;margin-right:8px}.about-action{display:inline-block;margin-top:4px}.about-stats{margin-top:64px}.about-stats>div>div{height:100%;padding:22px 18px;border-radius:14px;background:#fff;border:1px solid #e4eaf3;text-align:center}.about-stats strong{display:block;color:#102f4b;font-size:1.75rem;line-height:1.1;font-weight:800}.about-stats span{display:block;color:#64758a;font-size:.82rem;margin-top:7px;font-weight:650}@media(max-width:991px){.about-refresh{padding:75px 0 60px}.about-refresh-content{padding-left:0}.about-visual-card{max-width:580px;margin:auto}.about-refresh .experience-card{right:10px;bottom:24px}.about-stats{margin-top:45px}}@media(max-width:575px){.about-refresh .experience-card{right:0;bottom:16px;padding:15px;max-width:165px}.about-refresh .experience-card strong{font-size:2rem}.about-refresh .experience-card span{font-size:.73rem}.about-refresh .section-title{font-size:2.2rem}.about-highlights>div>div{font-size:.8rem;padding:10px}.about-stats{margin-top:34px}} .about-company-refresh{background:linear-gradient(180deg,#fff,#f6f8fc);padding:110px 0}.about-page-visual{position:relative;padding:14px;background:#fff;border:1px solid #e0e8f3;border-radius:24px;box-shadow:0 24px 52px rgba(16,47,75,.12)}.about-page-visual img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;display:block}.about-page-experience{position:absolute;right:-18px;bottom:28px;width:205px;padding:20px;background:#102f4b;border-radius:14px;color:#fff;box-shadow:0 16px 28px rgba(16,47,75,.25)}.about-page-experience strong{display:block;font-size:2.45rem;line-height:1;font-weight:800}.about-page-experience span{display:block;color:#e5efff;font-size:.83rem;line-height:1.35;margin-top:7px}.about-page-content{max-width:665px;padding-left:22px}.about-page-content h1{font-size:clamp(2.25rem,3.7vw,3.55rem);color:#102f4b;line-height:1.08;letter-spacing:-.05em;font-weight:800;margin:18px 0}.about-page-content h1 span{color:#17364d}.about-page-content p{font-size:1rem;line-height:1.82;color:#586b86;margin:0 0 14px}.about-page-content .about-page-intro{font-size:1.13rem;font-weight:550;color:#344d6d}.about-page-features{margin:24px 0}.about-page-features span{display:block;padding:12px 14px;height:100%;border-radius:9px;background:#eff4fb;color:#183a60;font-size:.9rem;font-weight:700}.about-page-features i{color:#17364d;margin-right:8px}.about-page-action{display:inline-block;margin-top:3px}@media(max-width:991px){.about-company-refresh{padding:75px 0}.about-page-visual{max-width:580px;margin:auto}.about-page-content{padding-left:0;margin-top:12px}.about-page-experience{right:12px}}@media(max-width:575px){.about-page-experience{right:0;bottom:18px;width:170px;padding:15px}.about-page-experience strong{font-size:2rem}.about-page-content h1{font-size:2.25rem}.about-page-features span{font-size:.82rem}} .newsletter-feedback{display:block;margin-top:9px;color:#fff;font-weight:650} /* ========================================================= DMRN PREMIUM LIGHT UI REFRESH — 2026 ========================================================= */ :root{--ink:#132238;--muted:#657184;--brand:#294f73;--brand-dark:#183651;--accent:#6f8795;--cream:#fbfaf7;--mist:#f3f6f7;--line:#e5e9eb;--white:#fff;--shadow:0 22px 60px rgba(28,48,66,.10);--shadow-sm:0 12px 34px rgba(28,48,66,.08)} body{font-family:'Inter',sans-serif;color:var(--ink);background:#fff;line-height:1.7} h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;color:var(--ink)} .top-bar{background:#f6f4ef!important;color:#475467!important;border-bottom:1px solid #ece8de;padding:8px 0!important} .top-contact li,.top-social a{color:#556274!important}.top-social a:hover{color:var(--brand)!important} .custom-navbar{background:rgba(255,255,255,.96)!important;box-shadow:0 8px 30px rgba(27,48,65,.06)!important;border-bottom:1px solid rgba(229,233,235,.9);backdrop-filter:blur(16px);padding:12px 0!important} .navbar-brand img{max-height:56px!important;width:auto!important}.custom-navbar .nav-link{color:#334155!important;font-weight:600!important;font-size:.92rem!important;padding:11px 12px!important}.custom-navbar .nav-link:hover{color:var(--brand)!important}.dropdown-menu{border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow-sm)!important;padding:10px!important}.dropdown-item{border-radius:10px;padding:9px 12px!important;color:#344054}.dropdown-item:hover{background:#f3f6f7!important;color:var(--brand-dark)!important} .btn-consult,.btn-primary-custom{background:var(--brand-dark)!important;border:1px solid var(--brand-dark)!important;color:#fff!important;border-radius:999px!important;padding:13px 22px!important;box-shadow:none!important;font-weight:700!important}.btn-consult:hover,.btn-primary-custom:hover{background:#244d6c!important;transform:translateY(-2px)} .btn-outline-custom{background:#fff!important;color:var(--ink)!important;border:1px solid #d9dee2!important;border-radius:999px!important;padding:13px 22px!important;font-weight:700!important}.btn-outline-custom:hover{border-color:var(--brand)!important;color:var(--brand)!important;background:#f8fafb!important} .hero-section{position:relative;min-height:auto!important;padding:74px 0 58px!important;background:linear-gradient(135deg,#fbfaf7 0%,#f6f8f8 54%,#eef3f4 100%)!important;overflow:hidden} .hero-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-170px;background:rgba(181,139,72,.09);filter:blur(2px)} .hero-section:after{content:"";position:absolute;left:-120px;bottom:-180px;width:360px;height:360px;border-radius:50%;background:rgba(41,79,115,.07)} .hero-content{position:relative;z-index:2;max-width:670px}.hero-tag,.section-tag{display:inline-flex!important;align-items:center;gap:8px;background:#fff!important;color:var(--brand)!important;border:1px solid #dfe5e8!important;border-radius:999px!important;padding:8px 13px!important;font-size:.74rem!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase;box-shadow:0 8px 22px rgba(28,48,66,.05)} .hero-content h1{font-size:clamp(2.65rem,5vw,4.8rem)!important;line-height:1.04!important;letter-spacing:-.06em!important;margin:22px 0!important;color:#16283a!important}.hero-content h1 span{color:var(--brand)!important}.hero-content p{font-size:1.08rem!important;color:#5f6b7a!important;max-width:620px}.hero-buttons{gap:12px!important;margin-top:28px!important} .hero-right{min-height:480px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.hero-right:before{content:"";position:absolute;inset:24px 12px 22px 72px;border-radius:36px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);transform:rotate(2deg)}.hero-man{position:relative!important;z-index:2!important;width:88%!important;max-height:450px!important;object-fit:cover!important;border-radius:30px!important;box-shadow:0 24px 55px rgba(26,48,68,.16)}.hero-service-card{z-index:3!important;left:-20px!important;bottom:32px!important;top:auto!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow-sm)!important;padding:18px 20px!important}.hero-service-card h5{font-size:.9rem!important}.hero-service-card ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.hero-service-card li{font-size:.77rem!important;color:#536071!important}.hero-service-card i{color:var(--accent)!important} .trust-badges{margin-top:32px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-top:1px solid #dde3e5;padding-top:22px!important;gap:14px!important}.badge-box{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.badge-box strong{color:var(--ink)!important;font-size:1.05rem!important}.badge-box span{color:#788391!important;font-size:.72rem!important} section{scroll-margin-top:90px}.about-section,.services-section,.why-choose-section,.team-section,.trust-section,.industries-section{padding-top:92px!important;padding-bottom:92px!important}.about-refresh{background:#fff!important}.about-visual-card{border-radius:30px!important;overflow:visible!important}.about-visual-card img{border-radius:28px!important;box-shadow:var(--shadow)!important}.experience-card{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow-sm)!important}.experience-card strong{color:var(--brand)!important}.section-title{font-size:clamp(2rem,4vw,3.3rem)!important;line-height:1.12!important;letter-spacing:-.05em!important}.section-title span{color:var(--brand)!important}.about-stats>div>div,.service-card,.industry-card,.why-card,.team-card,.trending-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(28,48,66,.06)!important;transition:.3s ease}.service-card:hover,.industry-card:hover,.why-card:hover,.team-card:hover,.trending-card:hover{transform:translateY(-7px)!important;box-shadow:var(--shadow-sm)!important;border-color:#d1dade!important} .trending-section{background:var(--cream)!important;padding:86px 0!important}.trending-section h2{font-size:2.4rem}.trending-card{overflow:hidden!important;height:100%;display:block!important;text-decoration:none!important}.trending-card img{width:100%!important;height:220px!important;object-fit:cover!important}.trending-card>div{padding:24px!important}.trending-card h3{font-size:1.2rem!important}.trending-card p{color:var(--muted)!important} .page-hero-premium{padding:86px 0 70px;background:linear-gradient(135deg,#fbfaf7,#f1f5f5);border-bottom:1px solid var(--line)}.page-hero-premium h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.06em}.content-card{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;height:100%;transition:.3s}.content-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.content-card img{width:100%;height:225px;object-fit:cover}.content-card-body{padding:24px}.content-meta{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:800}.content-card p{color:var(--muted)} .gallery-grid figure{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);margin:0;background:#fff}.gallery-grid img{width:100%;height:300px;object-fit:cover;transition:.5s}.gallery-grid figure:hover img{transform:scale(1.04)}.gallery-grid figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px)} .newsletter-signup{background:#eef2f1!important}.newsletter-inner{background:var(--brand-dark)!important;border-radius:28px!important;box-shadow:var(--shadow)!important}.footer{background:#172b3b!important}.footer h5{color:#fff!important}.footer a,.footer p,.footer li{color:#cbd5dc!important}.footer-social a{background:rgba(255,255,255,.08)!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.1)!important} @media(max-width:991px){.hero-section{padding:54px 0!important}.hero-right{min-height:410px!important}.hero-service-card{left:0!important}.trust-badges{grid-template-columns:repeat(2,1fr)!important}.hero-content h1{font-size:2.8rem!important}.top-bar{display:none!important}} @media(max-width:575px){.hero-service-card{position:relative!important;bottom:auto!important;margin-top:-40px!important}.hero-man{width:100%!important}.hero-right:before{inset:10px!important}.hero-content h1{font-size:2.35rem!important}.hero-buttons{display:grid!important}.trust-badges{grid-template-columns:repeat(2,1fr)!important}} /* ULTRA PREMIUM LIGHT HOME REFRESH */ .premium-hero-light{padding:88px 0 76px!important;background:radial-gradient(circle at 88% 10%,rgba(181,139,72,.12),transparent 29%),linear-gradient(135deg,#fffdf9 0%,#f7f7f4 56%,#eef2f1 100%)!important;border-bottom:1px solid #e8e8e2} .premium-hero-light:before{width:520px;height:520px;background:rgba(39,73,98,.05);right:-190px;top:-260px}.premium-hero-light:after{display:none} .premium-hero-light .hero-content h1{font-size:clamp(3.3rem,6.2vw,6.6rem)!important;line-height:.95!important;letter-spacing:-.075em!important;color:#15191d!important;margin:25px 0 28px!important}.premium-hero-light .outline-word{color:transparent!important;-webkit-text-stroke:1.4px #7d858b;text-stroke:1.4px #7d858b}.premium-hero-light .hero-lead{max-width:720px;font-size:1.08rem!important;color:#606a73!important}.premium-hero-light .hero-tag{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#6f8795!important;position:relative;padding-left:58px!important}.premium-hero-light .hero-tag:before{content:"";position:absolute;width:42px;height:1px;background:#6f8795;left:0;top:50%}.hero-metrics{display:flex;gap:38px;margin-top:38px;padding-top:25px;border-top:1px solid #dedfdc}.hero-metrics div{display:grid}.hero-metrics strong{font:800 1.35rem 'Plus Jakarta Sans';color:#1a2833}.hero-metrics span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#818a91;margin-top:3px}.hero-feature-panel{position:relative;min-height:410px;background:rgba(255,255,255,.74);border:1px solid rgba(207,211,209,.9);border-radius:24px;padding:54px 48px;box-shadow:0 30px 80px rgba(34,48,58,.11);backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center}.hero-feature-panel:before{content:"";position:absolute;top:0;left:48px;width:76px;height:3px;background:#6f8795}.panel-index{font-weight:800;color:#6f8795;letter-spacing:.08em}.panel-line{height:48px}.hero-feature-panel h2{font-size:2rem;line-height:1.2;margin-bottom:24px}.hero-feature-panel p{color:#68727a;line-height:1.8}.panel-divider{height:1px;background:#dfe2df;margin:24px 0}.panel-meta{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#535d64}.expert-team{background:#fff!important;padding:96px 0!important}.expert-team-row{gap:20px!important}.expert-member{background:#fff!important;border:1px solid #e4e7e5!important;border-radius:20px!important;padding:14px 14px 18px!important;box-shadow:0 14px 40px rgba(33,48,58,.07)!important;color:#172536!important;min-width:180px!important}.expert-member img{width:100%!important;height:210px!important;border-radius:14px!important;border:0!important;margin-bottom:16px!important}.expert-member .leader-role{background:transparent!important;margin:0!important;padding:0!important;color:#6f8795!important;font-size:.68rem!important;text-transform:uppercase;letter-spacing:.08em;min-height:34px}.expert-member h3{font-size:1rem;margin:8px 0}.expert-member .expert-view{background:transparent!important;margin:0!important;padding:7px 0 0!important;color:#52616d!important;font-size:.75rem!important}.trending-section{background:#f7f7f3!important;border-top:1px solid #e8e9e5}.trending-section h2:before{content:"Insights · ";font-size:.75rem;display:block;color:#6f8795;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}.trending-card{border-top:1px solid var(--line)!important;border-radius:20px!important}.trending-card small{color:#6f8795!important} @media(max-width:991px){.premium-hero-light .hero-content h1{font-size:3.8rem!important}.hero-feature-panel{min-height:auto}.hero-metrics{gap:20px;flex-wrap:wrap}}@media(max-width:575px){.premium-hero-light .hero-content h1{font-size:3rem!important}.hero-feature-panel{padding:42px 28px}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-metrics strong{font-size:1.1rem}.hero-metrics span{font-size:.62rem}} /* ========================================================== DMRN REFINED PREMIUM THEME — BRAND #1B364E ========================================================== */ :root{ --brand:#1b364e!important; --brand-dark:#10283b!important; --brand-soft:#eaf0f4!important; --ink:#14202a!important; --muted:#687682!important; --line:#dfe7ec!important; --accent:#1b364e!important; --accent-light:#dfe9ef!important; --primary:#1b364e!important; --primary-light:#315772!important; --primary-dark:#10283b!important; --heading:#14283a!important; --section:#f7f9fa!important; --section-two:#edf3f6!important; } body{background:#fbfcfc;color:var(--ink)} .hero-tag,.section-tag,.content-meta,.trending-card small,.expert-member .leader-role{color:var(--brand)!important} .hero-tag:before,.premium-hero-light .hero-tag:before,.hero-feature-panel:before{background:var(--brand)!important} .btn-primary-custom{background:var(--brand)!important;border-color:var(--brand)!important;box-shadow:0 12px 30px rgba(27,54,78,.18)!important} .btn-primary-custom:hover{background:#10283b!important;border-color:#10283b!important;transform:translateY(-2px)} .btn-outline-custom{color:var(--brand)!important;border-color:#d8e2e8!important;background:rgba(255,255,255,.78)!important} .btn-outline-custom:hover{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important} .premium-hero-light{padding:96px 0 82px!important;background:radial-gradient(circle at 92% 8%,rgba(27,54,78,.08),transparent 30%),linear-gradient(135deg,#ffffff 0%,#f7f9f9 55%,#edf3f5 100%)!important} .premium-hero-light .hero-content h1{color:#15212b!important} .premium-hero-light .outline-word{-webkit-text-stroke:1.4px #7c8b96!important;text-stroke:1.4px #7c8b96!important} .premium-hero-light .hero-lead{display:grid;gap:8px;max-width:760px!important;font-size:1.08rem!important;line-height:1.72!important;color:#65737f!important;margin-bottom:34px!important} .premium-hero-light .hero-lead span{display:block} .premium-hero-light .hero-lead strong{display:block;color:var(--brand);font-weight:650;letter-spacing:-.015em} .hero-feature-panel{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(242,246,248,.9))!important;border-color:#d6e0e6!important;box-shadow:0 34px 90px rgba(27,54,78,.13)!important} .panel-index{color:var(--brand)!important}.panel-meta{color:var(--brand)!important} .hero-metrics strong{color:var(--brand)!important} .service-card,.industry-card,.why-card,.team-card,.trending-card,.content-card{border-color:#dce5ea!important;box-shadow:0 15px 40px rgba(27,54,78,.065)!important} .service-card:hover,.industry-card:hover,.why-card:hover,.team-card:hover,.trending-card:hover,.content-card:hover{border-color:#bfcfd9!important;box-shadow:0 24px 54px rgba(27,54,78,.13)!important} .service-icon,.why-icon,.industry-icon{background:var(--brand-soft)!important;color:var(--brand)!important} .services-section{background:linear-gradient(180deg,#f8fafb 0%,#eef3f6 100%)!important} .trending-section{background:#f3f6f7!important}.trending-section h2:before{color:var(--brand)!important} .expert-team{background:#fff!important}.expert-member .leader-role{color:#526a7b!important} /* Newsletter callout */ .newsletter-signup{padding:78px 0!important;background:linear-gradient(180deg,#eef3f5,#f8fafb)!important} .newsletter-inner{position:relative;overflow:hidden;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:72px;align-items:center;padding:58px 64px!important;background:linear-gradient(135deg,#152f45 0%,#1b364e 52%,#244b66 100%)!important;border:1px solid rgba(255,255,255,.12);border-radius:32px!important;box-shadow:0 30px 80px rgba(27,54,78,.22)!important} .newsletter-inner:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-120px;top:-155px} .newsletter-kicker{display:inline-flex;align-items:center;gap:12px;color:#c8d7e1!important;font-size:.72rem;font-weight:800;letter-spacing:.18em} .newsletter-kicker:before{content:"";width:34px;height:1px;background:#c8d7e1} .newsletter-copy h3{font-size:clamp(2.35rem,4vw,4rem)!important;line-height:1.02;letter-spacing:-.055em;color:#fff!important;margin:18px 0!important} .newsletter-copy h3 span{display:block;color:#d8e5ed} .newsletter-copy p{max-width:650px;color:#c7d5de!important;font-size:1rem;line-height:1.75;margin:0!important} .newsletter-form-wrap{position:relative;z-index:2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:18px;border-radius:20px;backdrop-filter:blur(8px)} .newsletter-form-wrap form{display:flex;background:#fff;border-radius:14px;padding:6px;box-shadow:0 14px 35px rgba(5,20,32,.2)} .newsletter-form-wrap input{min-width:0;flex:1;border:0!important;outline:0;padding:15px 16px!important;background:transparent!important;color:#1b2b37!important} .newsletter-form-wrap button{border:0;border-radius:10px;background:var(--brand)!important;color:#fff;padding:14px 22px;font-weight:750;white-space:nowrap} .privacy-note{display:block;color:#b8c8d3;margin:12px 4px 0;font-size:.72rem}.newsletter-feedback{display:block;color:#fff;margin:9px 4px 0} /* Refined footer + legal navigation */ .footer{background:#102535!important;border-top:0!important}.footer h5{letter-spacing:.01em}.footer-logo{filter:brightness(0) invert(1);opacity:.96}.footer-social a:hover{background:#fff!important;color:var(--brand)!important} .footer-bottom{padding:25px 0!important}.footer-bottom .container{gap:24px}.footer-legal-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.footer-legal-links a{font-size:.84rem;color:#cbd5dc!important;text-decoration:none}.footer-legal-links a:hover{color:#fff!important} /* Legal pages */ .legal-hero p{max-width:720px;color:var(--muted);font-size:1.08rem;line-height:1.7}.legal-page{padding:76px 0 96px;background:#f5f8f9}.legal-card{max-width:940px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:54px 60px;box-shadow:0 22px 60px rgba(27,54,78,.08)}.legal-section{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid var(--line)}.legal-section:last-of-type{border-bottom:0}.legal-section h2{font-size:1.35rem;color:var(--brand);margin-bottom:12px}.legal-section p{color:#5d6d79;line-height:1.85;margin:0}.legal-updated{color:#84919b;font-size:.82rem;margin:10px 0 0} @media(max-width:991px){.newsletter-inner{grid-template-columns:1fr;gap:34px;padding:44px 34px!important}} @media(max-width:575px){.premium-hero-light{padding-top:64px!important}.premium-hero-light .hero-content h1{font-size:3.1rem!important}.hero-metrics{gap:18px;display:grid;grid-template-columns:repeat(3,1fr)}.newsletter-inner{padding:34px 22px!important;border-radius:24px!important}.newsletter-form-wrap form{display:grid}.newsletter-form-wrap button{width:100%}.legal-card{padding:34px 24px}.footer-legal-links{gap:14px}} /* ========================================================== DMRN MASTER PREMIUM THEME — #193751 ========================================================== */ :root{ --brand:#193751!important;--brand-dark:#10283b!important;--brand-mid:#294d69!important; --brand-soft:#eaf1f5!important;--ink:#142431!important;--muted:#667684!important; --line:#dce5eb!important;--primary:#193751!important;--secondary:#193751!important; --accent:#193751!important;--heading:#193751!important; } html{scroll-behavior:smooth} body{background:#fbfcfd!important;color:var(--ink)!important} h1,h2,h3,h4,h5,h6{color:var(--brand)!important;letter-spacing:-.035em} a{transition:all .28s ease} ::selection{background:#193751;color:#fff} /* Header and logo */ .top-bar{background:#193751!important}.top-bar a,.top-bar li{color:#eef5f8!important} .custom-navbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(25,55,81,.1)!important;box-shadow:0 10px 35px rgba(25,55,81,.055)!important;backdrop-filter:blur(18px)} .navbar-brand img{width:168px!important;height:46px!important;object-fit:contain!important;object-position:left center!important} .custom-navbar .nav-link{color:#263b4d!important;font-weight:650!important} .custom-navbar .nav-link:hover,.custom-navbar .nav-link:focus,.custom-navbar .nav-link.active{color:#193751!important} .custom-navbar .nav-link:after{background:#193751!important} .dropdown-item:hover,.dropdown-item:focus,.dropdown-item.active{background:#edf3f6!important;color:#193751!important} /* Premium dynamic hero */ .premium-hero-light{position:relative;overflow:hidden;padding:112px 0 92px!important;background:linear-gradient(135deg,#fff 0%,#f8fafb 52%,#edf3f6 100%)!important;border-bottom:1px solid #e4ebef} .premium-hero-light:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(25,55,81,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(25,55,81,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,black 30%,black 70%,transparent)} .hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-orb-one{width:420px;height:420px;right:-120px;top:-190px;background:radial-gradient(circle,rgba(25,55,81,.13),rgba(25,55,81,0) 68%)}.hero-orb-two{width:260px;height:260px;left:-110px;bottom:-150px;background:radial-gradient(circle,rgba(25,55,81,.09),rgba(25,55,81,0) 70%)} .hero-tag{display:inline-flex!important;align-items:center;gap:12px;color:#193751!important;background:#fff!important;border:1px solid #dce6ec!important;border-radius:999px;padding:9px 15px!important;box-shadow:0 8px 25px rgba(25,55,81,.06);font-size:.73rem!important;letter-spacing:.13em!important}.hero-tag span{width:5px;height:5px;border-radius:50%;background:#193751} .premium-hero-light .hero-content h1{font-size:clamp(4.5rem,7vw,7.4rem)!important;line-height:.83!important;margin:30px 0 32px!important;color:#193751!important}.premium-hero-light .hero-content h1 span{display:block}.solid-line{color:#193751!important}.premium-hero-light .outline-word{color:transparent!important;-webkit-text-stroke:1.45px rgba(25,55,81,.55)!important;text-stroke:1.45px rgba(25,55,81,.55)!important;margin-top:12px} .premium-hero-light .hero-lead{display:block!important;max-width:760px!important;font-size:1.28rem!important;line-height:1.62!important;color:#4e6272!important;margin:0 0 10px!important}.premium-hero-light .hero-lead strong{color:#193751!important;font-weight:750!important}.hero-support{max-width:730px;color:#71808b;font-size:1rem;line-height:1.75;margin-bottom:34px} .btn-primary-custom{background:#193751!important;border-color:#193751!important;color:#fff!important;box-shadow:0 14px 32px rgba(25,55,81,.2)!important}.btn-primary-custom:hover{background:#193751!important;border-color:#193751!important;color:#fff!important;transform:translateY(-3px)!important;box-shadow:0 20px 42px rgba(25,55,81,.28)!important}.btn-outline-custom:hover{background:#193751!important;border-color:#193751!important;color:#fff!important;transform:translateY(-3px)!important} .hero-metrics-refined{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;border:1px solid #dfe7ec!important;border-radius:20px!important;overflow:hidden!important;background:rgba(255,255,255,.72)!important;box-shadow:0 16px 45px rgba(25,55,81,.06)!important;padding:0!important;margin-top:42px!important}.hero-metrics-refined>div{padding:22px 24px!important;border-right:1px solid #dfe7ec}.hero-metrics-refined>div:last-child{border-right:0}.hero-metrics-refined strong{font-size:1.5rem!important;color:#193751!important}.hero-metrics-refined span{font-size:.68rem!important;color:#788792!important} .premium-panel{min-height:500px!important;border-radius:30px!important;padding:54px!important;background:linear-gradient(145deg,#193751 0%,#10283b 100%)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 38px 90px rgba(25,55,81,.24)!important;color:#fff!important;overflow:hidden}.premium-panel:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-70px;top:-70px}.premium-panel h2{color:#fff!important;font-size:2.25rem!important;line-height:1.15!important;margin:54px 0 24px!important;max-width:420px}.premium-panel p{color:#cfdae2!important;line-height:1.85!important}.panel-topline{display:flex;justify-content:space-between;align-items:center;color:#fff}.panel-topline span{font-weight:800;font-size:1.05rem}.panel-topline small{letter-spacing:.14em;font-size:.65rem;color:#a9bdca}.panel-services{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 34px}.panel-services span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 13px;color:#d8e3ea;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.panel-link{color:#fff!important;font-weight:750;text-decoration:none}.panel-link:hover{color:#fff!important;letter-spacing:.01em} /* Force the requested theme everywhere, including leadership */ .section-tag,.section-kicker,.eyebrow,.subtitle-label{color:#193751!important}.section-title,.leadership-hero h1,.leadership-values h2{color:#193751!important}.leadership-hero{background:linear-gradient(135deg,#f9fbfc,#eaf1f5)!important}.leader-card,.value-card{border:1px solid #dce5eb!important;background:#fff!important;box-shadow:0 16px 42px rgba(25,55,81,.07)!important;border-radius:22px!important}.leader-card:hover,.value-card:hover{border-color:#193751!important;box-shadow:0 26px 58px rgba(25,55,81,.14)!important;transform:translateY(-7px)!important}.leader-role,.value-icon{color:#193751!important}.value-icon{background:#eaf1f5!important}.btn-outline-primary{color:#193751!important;border-color:#193751!important}.btn-outline-primary:hover{background:#193751!important;border-color:#193751!important;color:#fff!important}.leadership-cta-box{background:linear-gradient(135deg,#193751,#10283b)!important} /* Trending heading fix */ .trending-section{background:linear-gradient(180deg,#f4f7f9 0%,#eef3f6 100%)!important}.trending-section h2{color:#193751!important;font-size:clamp(2.4rem,4vw,4.25rem)!important;letter-spacing:-.055em!important}.trending-section h2:before{display:none!important}.trending-section .section-kicker{font-size:.76rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:8px}.trending-card h3{color:#193751!important}.trending-card:hover{border-color:#193751!important;transform:translateY(-7px)!important}.trending-card small{color:#193751!important} /* Universal hover system */ .service-card:hover,.industry-card:hover,.why-card:hover,.team-card:hover,.content-card:hover,.newsletter-card:hover,.expert-member:hover{border-color:#193751!important;box-shadow:0 24px 54px rgba(25,55,81,.14)!important;transform:translateY(-7px)!important}.service-card:hover h3,.industry-card:hover h3,.why-card:hover h3,.team-card:hover h3,.expert-member:hover h3{color:#193751!important}.service-icon,.industry-icon,.why-icon{color:#193751!important;background:#eaf1f5!important} /* About stats: user requested removal of the three commercial counters */ .about-stats .row{justify-content:center!important}.about-stats .col-6.col-lg-3{max-width:360px!important;flex:0 0 360px!important} /* Responsive */ @media(max-width:991px){.premium-hero-light{padding:84px 0 70px!important}.premium-panel{min-height:auto!important}.premium-hero-light .hero-content h1{font-size:clamp(3.7rem,10vw,6rem)!important}.hero-metrics-refined{grid-template-columns:1fr!important}.hero-metrics-refined>div{border-right:0!important;border-bottom:1px solid #dfe7ec}.hero-metrics-refined>div:last-child{border-bottom:0}} @media(max-width:575px){.premium-hero-light .hero-content h1{font-size:3.35rem!important}.premium-panel{padding:34px 28px!important}.hero-buttons>a{width:100%;justify-content:center}.navbar-brand img{width:138px!important;height:38px!important}} /* DMRN August 2026 refinement */ .premium-hero-light .hero-lead{display:block!important;max-width:820px!important;margin-bottom:22px!important} .premium-hero-light .hero-lead strong{display:inline!important;color:#193751!important;font-weight:700!important} .hero-metrics-refined{grid-template-columns:repeat(2,minmax(150px,1fr))!important;max-width:470px} .cta-box,.cta-wrapper,.partner-cta-box,.leadership-cta-box{background:linear-gradient(135deg,#193751 0%,#10283b 100%)!important} .cta-badge,.cta-tag{background:rgba(255,255,255,.10)!important;color:#fff!important} .cta-wrapper h2,.cta-box h2,.partner-cta-box h2,.leadership-cta-box h2{color:#fff!important} .cta-wrapper p,.cta-box p,.partner-cta-box p,.leadership-cta-box p{color:#d7e1e8!important} .footer-premium{padding-top:0!important;background:#0f2637!important} .footer-main-grid{display:grid;grid-template-columns:1.45fr .7fr 1fr 1.2fr;gap:58px;padding:76px 0 64px} .footer-brand-block{padding-right:24px}.footer-premium .footer-logo{max-width:205px;margin-bottom:25px} .footer-premium .footer-about{max-width:430px;font-size:.96rem;line-height:1.85;color:#b9c7d1!important;margin-bottom:25px} .footer-premium h5{font-size:.83rem!important;text-transform:uppercase;letter-spacing:.14em!important;color:#fff!important;margin-bottom:25px!important} .footer-premium h5::after{display:none!important}.footer-premium ul{padding:0;margin:0}.footer-premium ul li{margin-bottom:13px!important} .footer-premium ul li a{font-size:.93rem;color:#b9c7d1!important;text-decoration:none;transition:.2s ease}.footer-premium ul li a:hover{color:#fff!important;padding-left:4px} .footer-contact-block p{display:flex;align-items:flex-start;gap:12px;color:#b9c7d1!important;font-size:.91rem;line-height:1.65;margin:0 0 15px} .footer-contact-block i{width:18px;margin-top:5px;color:#fff}.footer-contact-block a{color:#b9c7d1!important;text-decoration:none}.footer-contact-block a:hover{color:#fff!important} .footer-premium .footer-social{gap:9px}.footer-premium .footer-social a{width:39px;height:39px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055)!important} .footer-premium .footer-bottom{border-top:1px solid rgba(255,255,255,.09)!important;background:#0b202f;padding:22px 0!important}.footer-premium .footer-bottom p{margin:0!important;color:#8fa2b0!important;font-size:.8rem} @media(max-width:991px){.footer-main-grid{grid-template-columns:1fr 1fr;gap:42px}.footer-brand-block{grid-column:1/-1}.hero-metrics-refined{max-width:none}} @media(max-width:575px){.footer-main-grid{grid-template-columns:1fr;padding:54px 0 45px}.footer-brand-block{grid-column:auto}.footer-premium .footer-bottom .container{display:block}.footer-legal-links{margin-top:12px}} /* DMRN theme alignment — Services FAQ */ .services-faq .accordion-button:not(.collapsed){ background:#193751; color:#fff; } .services-faq .accordion-button:not(.collapsed)::after{ filter:brightness(0) invert(1); } .services-faq .accordion-button{ color:#193751; } .services-faq .accordion-body{ color:#5f6f7f; } /* ============================ Career Page ============================ */ .career-page{background:#fff}.career-hero{padding:110px 0 100px;background:linear-gradient(135deg,#f5f8fa 0%,#fff 62%);position:relative;overflow:hidden}.career-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(24,63,93,.06);right:-150px;top:-170px}.career-kicker{display:inline-block;color:#173a55;font-size:.76rem;font-weight:800;letter-spacing:.14em;margin-bottom:18px}.career-kicker.dark{color:#173a55}.career-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.06;letter-spacing:-.055em;color:#15344d;font-weight:800;margin-bottom:24px;max-width:850px}.career-hero h1 span{color:#496879}.career-hero p{font-size:1.12rem;line-height:1.75;color:#667786;max-width:720px}.career-points{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:28px;color:#24465f;font-weight:700}.career-points i{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:#e6eef3;margin-right:7px;font-size:.7rem}.career-hero-card{position:relative;z-index:2;background:#163a54;color:#fff;border-radius:28px;padding:42px;box-shadow:0 25px 60px rgba(22,58,84,.18)}.career-hero-card>i{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.1);font-size:1.35rem}.career-hero-card h3{font:800 1.7rem 'Plus Jakarta Sans';margin:28px 0 12px}.career-hero-card p{color:#d7e3eb;font-size:.98rem;line-height:1.65}.career-hero-card a{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;margin-top:14px}.career-values{background:#fff}.career-section-heading{max-width:780px;margin:0 auto}.career-section-heading>span{font-size:.76rem;font-weight:800;letter-spacing:.14em;color:#496879}.career-section-heading h2,.career-apply h2{font:800 clamp(2rem,3.5vw,3.2rem) 'Plus Jakarta Sans';letter-spacing:-.045em;color:#15344d;margin:12px 0 16px}.career-section-heading p,.career-apply p{color:#6c7b87;line-height:1.75}.career-value-card{height:100%;border:1px solid #e5ebef;border-radius:20px;padding:32px;background:#fff;transition:.25s}.career-value-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(20,52,76,.08)}.career-value-card i{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf3f6;color:#173a55;font-size:1.1rem}.career-value-card h3{font:800 1.18rem 'Plus Jakarta Sans';color:#173a55;margin:22px 0 10px}.career-value-card p{color:#72808c;line-height:1.7;margin:0}.career-apply{background:#f5f8fa}.career-note{display:flex;gap:14px;align-items:center;margin-top:24px}.career-note>i{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#fff;color:#173a55;border:1px solid #e1e8ed}.career-note strong,.career-note span{display:block}.career-note strong{color:#173a55}.career-note span{font-size:.86rem;color:#788691;margin-top:2px}.career-form-card{background:#fff;border:1px solid #e0e7ec;border-radius:24px;padding:34px;box-shadow:0 20px 55px rgba(21,52,77,.07)}.career-form-card label{font-weight:700;color:#26485f;font-size:.9rem;margin-bottom:7px}.career-form-card .form-control,.career-form-card .form-select{min-height:52px;border-color:#d8e1e6;border-radius:12px;padding:.78rem .9rem}.career-form-card textarea.form-control{min-height:120px}.career-form-card .form-text{color:#87949e}.career-submit{border:0;border-radius:12px;background:#173a55;color:#fff;padding:15px 24px;font-weight:800;display:inline-flex;align-items:center;gap:12px;transition:.2s}.career-submit:hover{background:#0f2e45;transform:translateY(-1px)} @media(max-width:991px){.career-hero{padding:75px 0}.career-hero-card{padding:30px}.career-form-card{padding:24px}.career-points{display:grid}} /* CA Prawal Jain profile */ .prawal-profile-page{background:#fff;color:#435466}.pj-breadcrumb{border-bottom:1px solid #e5ebef;background:#fafcfd}.pj-breadcrumb .container{display:flex;gap:11px;align-items:center;font-size:.82rem}.pj-breadcrumb a{color:#667b8b;text-decoration:none}.pj-breadcrumb strong{color:#193751}.pj-hero{background:linear-gradient(135deg,#fbfcfd 0%,#f3f7f9 100%)}.pj-identity-card{background:#193751;color:#fff;border-radius:28px;padding:42px 34px;box-shadow:0 24px 60px rgba(25,55,81,.18)}.pj-monogram{width:180px;height:180px;border:2px solid #6f8795;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;font:700 4.2rem Georgia,serif;color:#fff;background:#234862}.pj-kicker{display:block;text-align:center;font-size:.72rem;letter-spacing:.14em;color:#c9d7df;font-weight:800}.pj-identity-card h1{text-align:center;font-size:2rem;color:#fff;margin:10px 0 8px}.pj-subtitle{text-align:center;color:#d6e1e7;font-size:.95rem;line-height:1.6;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.15)}.pj-contact-list{display:grid;gap:14px;margin-top:24px}.pj-contact-list a{display:flex;gap:12px;align-items:flex-start;color:#fff;text-decoration:none;font-size:.88rem;word-break:break-word}.pj-contact-list i{color:#6f8795;width:19px;margin-top:3px}.prawal-profile-page .section-title{color:#193751}.pj-lead{font-size:1.12rem;line-height:1.8;color:#3f5260;margin-top:24px}.pj-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.pj-highlights div{background:#fff;border:1px solid #dfe7ec;border-radius:14px;padding:18px}.pj-highlights strong{display:block;color:#193751;margin-bottom:5px}.pj-highlights span{font-size:.82rem;color:#71818d}.pj-expertise{background:#f7f9fa}.pj-expertise-card{background:#fff;border:1px solid #dce5ea;border-radius:16px;padding:23px 20px;text-align:center;height:100%;font-weight:800;color:#193751;box-shadow:0 8px 24px rgba(25,55,81,.05);transition:.25s}.pj-expertise-card:hover{transform:translateY(-5px);border-color:#193751;box-shadow:0 16px 32px rgba(25,55,81,.11)}.pj-ipo{background:#fff}.pj-ipo-panel{background:#193751;border-radius:26px;padding:44px;color:#fff;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;box-shadow:0 22px 55px rgba(25,55,81,.16)}.pj-ipo-panel .section-tag{color:#cbb17f!important}.pj-ipo-panel h2{color:#fff;font-size:2rem;margin:10px 0}.pj-ipo-panel p{color:#d9e3e8;margin:0}.pj-company-list{display:grid;gap:12px}.pj-company-list span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);border-radius:12px;padding:15px 18px;font-weight:750}.expert-team-row{flex-wrap:wrap!important}.expert-member.leader-card{flex:0 1 190px}.expert-member.leader-card img[src$="prawal-jain.svg"]{object-fit:cover;background:#edf3f6}.leadership-grid .leader-card img[src$="prawal-jain.svg"]{background:#edf3f6} @media(max-width:991px){.pj-highlights{grid-template-columns:1fr}.pj-ipo-panel{grid-template-columns:1fr}.pj-identity-card{max-width:520px;margin:auto}} @media(max-width:575px){.pj-identity-card{padding:32px 22px}.pj-monogram{width:145px;height:145px;font-size:3.4rem}.pj-ipo-panel{padding:30px 22px}} /* 2026-08-09: Seven-member expert team — one line, equal cards */ .expert-team .container-fluid{max-width:1780px;margin:0 auto;} .expert-team-row{ display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:18px!important; align-items:stretch!important; flex-wrap:unset!important; } .expert-team-row .expert-member.leader-card{ width:100%!important; min-width:0!important; max-width:none!important; min-height:430px!important; height:100%!important; padding:24px 14px 20px!important; display:flex!important; flex-direction:column!important; align-items:center!important; border-radius:22px!important; } .expert-team-row .expert-member.leader-card .leader-img{ width:172px!important; height:172px!important; max-width:100%!important; flex:0 0 172px!important; object-fit:cover!important; object-position:center 18%!important; border-radius:50%!important; border:0!important; margin:12px auto 24px!important; background:#e9eef2!important; } .expert-team-row .expert-member.leader-card .leader-role{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:46px!important; margin:0!important; padding:0 4px!important; background:transparent!important; color:#486276!important; font-size:.69rem!important; line-height:1.3!important; font-weight:800!important; text-transform:uppercase!important; letter-spacing:.07em!important; } .expert-team-row .expert-member.leader-card h3{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:52px!important; margin:8px 0 6px!important; font-size:1rem!important; line-height:1.35!important; color:#193751!important; text-align:center!important; } .expert-team-row .expert-member.leader-card .expert-view{ margin-top:auto!important; padding-top:8px!important; background:transparent!important; color:#445a6c!important; font-size:.78rem!important; } @media (max-width:1450px){ .expert-team-row{gap:12px!important;} .expert-team-row .expert-member.leader-card{min-height:405px!important;padding-left:10px!important;padding-right:10px!important;} .expert-team-row .expert-member.leader-card .leader-img{width:142px!important;height:142px!important;flex-basis:142px!important;} .expert-team-row .expert-member.leader-card h3{font-size:.9rem!important;} .expert-team-row .expert-member.leader-card .leader-role{font-size:.62rem!important;} } @media (max-width:1199px){ .expert-team-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } @media (max-width:767px){ .expert-team-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media (max-width:479px){ .expert-team-row{grid-template-columns:1fr!important;} } /* Leadership page: same seven cards in one row on large screens */ .leadership-grid .leadership-one-row{ display:grid!important; grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:18px!important; } .leadership-grid .leadership-one-row .leader-card{ min-width:0!important; min-height:430px!important; padding:24px 14px 20px!important; display:flex!important; flex-direction:column!important; align-items:center!important; text-align:center!important; } .leadership-grid .leadership-one-row .leader-img{ width:172px!important; height:172px!important; max-width:100%!important; object-fit:cover!important; object-position:center 18%!important; border-radius:50%!important; margin:12px auto 24px!important; } .leadership-grid .leadership-one-row .leader-role{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.69rem!important;line-height:1.3!important;} .leadership-grid .leadership-one-row h3{min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1rem!important;line-height:1.35!important;margin:8px 0 6px!important;} .leadership-grid .leadership-one-row .btn{margin-top:auto!important;font-size:.76rem!important;padding:.55rem .8rem!important;} @media (max-width:1450px){ .leadership-grid .leadership-one-row{gap:12px!important;} .leadership-grid .leadership-one-row .leader-img{width:142px!important;height:142px!important;} .leadership-grid .leadership-one-row .leader-card{min-height:405px!important;padding-left:10px!important;padding-right:10px!important;} } @media (max-width:1199px){.leadership-grid .leadership-one-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;}} @media (max-width:767px){.leadership-grid .leadership-one-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}} @media (max-width:479px){.leadership-grid .leadership-one-row{grid-template-columns:1fr!important;}} /* Prawal Jain profile photo */ .pj-profile-photo{ width:190px;height:190px;display:block;margin:0 auto 28px;border-radius:50%; object-fit:cover;object-position:center 18%;border:3px solid rgba(255,255,255,.75); box-shadow:0 12px 30px rgba(0,0,0,.16);background:#eef2f4; } /* Navigation underline: show only for the current/active page, not by default or on hover. */ .custom-navbar .nav-link::after{width:0!important;} .custom-navbar .nav-link:hover::after,.custom-navbar .nav-link:focus::after{width:0!important;} .custom-navbar .nav-link.active::after{width:calc(100% - 32px)!important;} /* 2026-08-09: Compact leadership cards + reliable active-menu underline */ .expert-team-row .expert-member.leader-card{ min-height:350px!important; padding:18px 12px 16px!important; } .expert-team-row .expert-member.leader-card .leader-img{ width:145px!important; height:145px!important; flex-basis:145px!important; margin:6px auto 16px!important; } .expert-team-row .expert-member.leader-card .leader-role{ min-height:38px!important; font-size:.66rem!important; line-height:1.25!important; } .expert-team-row .expert-member.leader-card h3{ min-height:42px!important; margin:6px 0 4px!important; line-height:1.25!important; } .expert-team-row .expert-member.leader-card .expert-view{ padding-top:5px!important; } .leadership-grid .leadership-one-row .leader-card{ min-height:350px!important; padding:18px 12px 16px!important; } .leadership-grid .leadership-one-row .leader-img{ width:145px!important; height:145px!important; margin:6px auto 16px!important; } .leadership-grid .leadership-one-row .leader-role{ min-height:38px!important; font-size:.66rem!important; } .leadership-grid .leadership-one-row h3{ min-height:42px!important; margin:6px 0 4px!important; } /* The old underline used ::after, which clashes with Bootstrap's Services dropdown caret. Use ::before for the active-page underline and reserve ::after only for the caret. */ .custom-navbar .nav-link::after{ content:none!important; display:none!important; } .custom-navbar .nav-link.dropdown-toggle::after{ content:""!important; display:inline-block!important; position:static!important; width:0!important; height:0!important; margin-left:.35em!important; vertical-align:.255em!important; background:transparent!important; border-top:.3em solid currentColor!important; border-right:.3em solid transparent!important; border-bottom:0!important; border-left:.3em solid transparent!important; transition:none!important; } .custom-navbar .nav-link::before{ content:""; position:absolute; left:16px; bottom:5px; width:0; height:2px; background:#193751; transition:width .25s ease; } .custom-navbar .nav-link:hover::before, .custom-navbar .nav-link:focus::before{ width:0!important; } .custom-navbar .nav-link.active::before{ width:calc(100% - 32px)!important; } @media (max-width:1450px){ .expert-team-row .expert-member.leader-card, .leadership-grid .leadership-one-row .leader-card{min-height:335px!important;} .expert-team-row .expert-member.leader-card .leader-img, .leadership-grid .leadership-one-row .leader-img{width:132px!important;height:132px!important;flex-basis:132px!important;} } /* 2026-08-09: Leadership profile refresh from approved partner profiles */ .leadership-hero{ padding:90px 0 72px!important; background:linear-gradient(135deg,#f9fbfc 0%,#edf3f6 100%)!important; color:#193751!important; } .leadership-hero h1{ color:#193751!important; font-size:clamp(2.5rem,4.5vw,4.2rem)!important; margin:18px 0 14px!important; letter-spacing:-.045em; } .leadership-hero p{ max-width:760px!important; color:#607383!important; font-size:1.05rem!important; line-height:1.75!important; } /* Restore the earlier classic Leadership page layout: 3 cards per row on desktop. */ .leadership-grid{background:#f7f9fb!important;} .leadership-classic-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; max-width:1180px; margin:0 auto; } .leadership-classic-grid .leadership-profile-card{ min-height:0!important; padding:30px 26px 28px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; border-radius:22px!important; } .leadership-classic-grid .leader-img{ width:190px!important; height:190px!important; border-radius:50%!important; object-fit:cover!important; object-position:center 18%!important; margin:0 auto 24px!important; background:#eef2f4!important; } .leadership-classic-grid .leader-role{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; margin:0 0 12px!important; padding:8px 14px!important; background:#eef3f6!important; color:#193751!important; text-transform:uppercase!important; font-size:.68rem!important; line-height:1.3!important; letter-spacing:.06em!important; text-align:center!important; } .leadership-classic-grid h3{ color:#193751!important; font-size:1.08rem!important; line-height:1.35!important; margin:0 0 18px!important; text-align:center!important; } .leadership-classic-grid .btn{margin-top:auto!important;} .leadership-classic-grid .leadership-last-card{grid-column:2;} @media(max-width:991px){ .leadership-classic-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .leadership-classic-grid .leadership-last-card{grid-column:auto;} } @media(max-width:575px){ .leadership-classic-grid{grid-template-columns:1fr;} } /* Homepage team remains one equal compact row on wide screens, with updated titles. */ .expert-team-row .expert-member.leader-card .leader-role{ min-height:50px!important; font-size:.62rem!important; line-height:1.28!important; } /* Updated partner detail pages */ .partner-profile-page{background:#fff;} .partner-profile-hero{padding:42px 0 88px;background:linear-gradient(135deg,#fbfcfd,#f2f6f8);} .partner-profile-breadcrumb{display:flex;align-items:center;gap:10px;color:#70818e;font-size:.82rem;margin-bottom:38px;} .partner-profile-breadcrumb a{color:#607786;text-decoration:none;} .partner-profile-breadcrumb strong{color:#193751;} .partner-photo-wrap{background:#fff;border:1px solid #dce5eb;border-radius:26px;padding:22px;box-shadow:0 20px 55px rgba(25,55,81,.09);max-width:360px;margin:auto;} .partner-photo-wrap img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 18%;border-radius:20px;display:block;background:#eef2f4;} .partner-profile-intro h1{font:800 clamp(2.3rem,4vw,4rem) 'Plus Jakarta Sans',sans-serif;color:#193751;letter-spacing:-.05em;margin:14px 0 8px;} .partner-profile-role{color:#496679;font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;margin-bottom:24px;} .partner-profile-divider{width:72px;height:3px;background:#193751;margin:0 0 28px;} .partner-profile-intro h2{font:800 1.6rem 'Plus Jakarta Sans',sans-serif;color:#193751;margin-bottom:18px;} .partner-profile-intro p:not(.partner-profile-role){color:#586b79;line-height:1.82;font-size:1rem;margin-bottom:16px;} @media(max-width:991px){.partner-profile-hero{padding-top:28px}.partner-profile-intro{text-align:center}.partner-profile-divider{margin-left:auto;margin-right:auto}.partner-profile-role{line-height:1.5}} /* ================================================== DMRN THEME FIX — EXPERT ADVICE CTA Keeps this section aligned with the current navy, slate and muted-gold corporate palette. ================================================== */ .services-cta{ background:#ffffff!important; padding:82px 0!important; } .services-cta .cta-wrapper{ background:linear-gradient(135deg,#102535 0%,#173b56 58%,#1f4d6b 100%)!important; border:1px solid rgba(16,37,53,.10)!important; border-radius:26px!important; padding:66px 68px!important; box-shadow:0 24px 60px rgba(16,37,53,.12)!important; color:#ffffff!important; } .services-cta .cta-wrapper::before{ width:310px!important; height:310px!important; top:-155px!important; right:-95px!important; background:rgba(255,255,255,.045)!important; border:1px solid rgba(255,255,255,.07)!important; } .services-cta .cta-wrapper::after{ width:190px!important; height:190px!important; left:-72px!important; bottom:-92px!important; background:rgba(202,163,92,.08)!important; border:1px solid rgba(202,163,92,.10)!important; } .services-cta .cta-badge{ background:rgba(202,163,92,.13)!important; border:1px solid rgba(224,194,135,.26)!important; color:#f0d7a4!important; padding:9px 18px!important; border-radius:999px!important; font-size:12px!important; font-weight:700!important; letter-spacing:.12em!important; margin-bottom:24px!important; } .services-cta .cta-wrapper h2{ color:#ffffff!important; font-size:clamp(2rem,3vw,2.75rem)!important; line-height:1.12!important; letter-spacing:-.035em!important; margin:0 0 18px!important; max-width:720px!important; } .services-cta .cta-wrapper p{ color:#d5e0e7!important; font-size:16px!important; line-height:1.8!important; max-width:760px!important; margin-bottom:0!important; } .services-cta .cta-wrapper .btn-light{ background:#ffffff!important; color:#102535!important; border:1px solid #ffffff!important; box-shadow:0 10px 25px rgba(0,0,0,.10)!important; } .services-cta .cta-wrapper .btn-light:hover{ background:#f3f6f8!important; color:#102535!important; transform:translateY(-2px); } .services-cta .cta-wrapper .btn-outline-light{ background:transparent!important; color:#ffffff!important; border:1px solid rgba(255,255,255,.72)!important; } .services-cta .cta-wrapper .btn-outline-light:hover{ background:#ffffff!important; color:#102535!important; border-color:#ffffff!important; transform:translateY(-2px); } .services-cta .cta-wrapper .btn{ min-width:210px; padding:14px 26px!important; border-radius:999px!important; font-weight:700!important; transition:.25s ease!important; } @media(max-width:991px){ .services-cta{padding:64px 0!important} .services-cta .cta-wrapper{padding:48px 34px!important;text-align:center} .services-cta .cta-wrapper h2, .services-cta .cta-wrapper p{margin-left:auto!important;margin-right:auto!important} .services-cta .cta-wrapper .col-lg-4{margin-top:30px} } @media(max-width:575px){ .services-cta .cta-wrapper{padding:38px 22px!important;border-radius:22px!important} .services-cta .cta-wrapper .btn{width:100%;min-width:0;margin-left:0!important;margin-right:0!important} .services-cta .cta-wrapper .btn-outline-light{margin-top:12px!important} } /* ========================================================= DMRN FINAL FIX — OUR SERVICES CARD LAYOUT Keeps the services section in a clear premium card format. ========================================================= */ .services-section{ background:#f6f9fb !important; } .services-section .row.g-4{ row-gap:24px !important; } .services-section .service-card{ position:relative !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; min-height:285px !important; height:100% !important; padding:30px 28px 26px !important; background:#ffffff !important; border:1px solid #dce6ec !important; border-radius:20px !important; box-shadow:0 12px 32px rgba(25,55,81,.07) !important; overflow:hidden !important; transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease !important; } .services-section .service-card::before{ content:"" !important; position:absolute !important; left:0 !important; top:0 !important; width:4px !important; height:0 !important; background:#193751 !important; transition:height .28s ease !important; } .services-section .service-card:hover{ transform:translateY(-6px) !important; border-color:#b9cad5 !important; box-shadow:0 20px 46px rgba(25,55,81,.13) !important; } .services-section .service-card:hover::before{ height:100% !important; } .services-section .service-icon{ width:62px !important; height:62px !important; min-width:62px !important; margin:0 0 22px 0 !important; border-radius:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:#eaf1f5 !important; border:1px solid #d8e4ea !important; color:#193751 !important; } .services-section .service-icon i{ font-size:25px !important; color:#193751 !important; } .services-section .service-card:hover .service-icon{ background:#193751 !important; border-color:#193751 !important; } .services-section .service-card:hover .service-icon i{ color:#fff !important; } .services-section .service-card h4{ margin:0 0 12px !important; color:#173852 !important; font-size:1.2rem !important; line-height:1.3 !important; font-weight:800 !important; } .services-section .service-card p{ margin:0 0 22px !important; color:#647487 !important; font-size:.96rem !important; line-height:1.7 !important; } .services-section .service-card > a{ margin-top:auto !important; display:inline-flex !important; align-items:center !important; gap:6px !important; color:#193751 !important; font-size:.92rem !important; font-weight:800 !important; text-decoration:none !important; } .services-section .service-card > a i{ transition:transform .25s ease !important; } .services-section .service-card:hover > a i{ transform:translateX(4px) !important; } @media (max-width:991px){ .services-section .service-card{min-height:260px !important;} } @media (max-width:575px){ .services-section .service-card{ min-height:0 !important; padding:25px 22px !important; } } /* ===== Unified Leadership Profile Pages ===== */ .partner-modern-page .pj-hero{padding-top:56px!important;padding-bottom:72px!important;} .partner-modern-page .pj-identity-card{min-height:100%;display:flex;flex-direction:column;justify-content:center;} .partner-modern-page .pj-profile-photo{width:190px;height:190px;object-fit:cover;object-position:center top;border-radius:50%;margin:0 auto 26px;background:#eef3f6;border:7px solid rgba(255,255,255,.12);} .partner-modern-page .pj-identity-card h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;letter-spacing:-.035em;} .partner-modern-page .pj-identity-card .pj-kicker{line-height:1.5;} .partner-modern-page .pj-lead{font-size:1.03rem;} .partner-modern-page .pj-highlights{grid-template-columns:repeat(3,minmax(0,1fr));} .partner-modern-page .pj-highlights div{min-height:92px;display:flex;flex-direction:column;justify-content:center;} .partner-modern-page .pj-expertise{padding-top:70px!important;padding-bottom:78px!important;} .partner-modern-page .pj-expertise-card{min-height:76px;display:flex;align-items:center;justify-content:center;} @media(max-width:991px){.partner-modern-page .pj-highlights{grid-template-columns:1fr}.partner-modern-page .pj-profile-photo{width:175px;height:175px}} /* Services dropdown: Bootstrap controls opening; keep it above page content. */ .custom-navbar .dropdown-menu{z-index:1100!important;} .custom-navbar .dropdown-toggle{cursor:pointer;} @media(min-width:992px){ .custom-navbar .nav-item.dropdown:hover>.dropdown-menu{display:block;margin-top:0;} } /* ============================= DMRN KNOWLEDGE BANK ============================= */ .kb-page{background:#f7fafc;color:#193751} .kb-hero{padding:76px 0 58px;background:linear-gradient(135deg,#f8fbfd 0%,#eef4f7 100%);border-bottom:1px solid #dfe8ee} .kb-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:62px;align-items:center} .kb-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2.4rem,4vw,4.35rem);line-height:1.04;letter-spacing:-.045em;font-weight:800;max-width:920px;margin:18px 0;color:#173a57} .kb-hero p{font-size:1.08rem;line-height:1.8;color:#607184;max-width:850px;margin:0} .kb-search-box{background:#173a57;padding:28px;border-radius:24px;box-shadow:0 24px 60px rgba(23,58,87,.16)} .kb-search-box label{display:block;color:#fff;font-weight:700;margin-bottom:12px}.kb-search-box label i{margin-right:8px;color:#c99a55} .kb-search-box input{width:100%;height:54px;border:0;border-radius:13px;padding:0 17px;outline:none;font-size:.96rem;color:#24394a;background:#fff} .kb-count{margin-top:12px;color:#c8d6e0;font-size:.86rem}.kb-count strong{color:#fff} .kb-jump{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e1e9ee} .kb-jump-row{display:flex;gap:8px;overflow-x:auto;padding:13px 0;scrollbar-width:none}.kb-jump-row::-webkit-scrollbar{display:none}.kb-jump-row a{white-space:nowrap;text-decoration:none;color:#385064;font-size:.84rem;font-weight:700;padding:9px 14px;border-radius:999px;background:#f0f5f8}.kb-jump-row a:hover{background:#173a57;color:#fff} .kb-content{padding:62px 0 26px}.kb-section{scroll-margin-top:94px;margin-bottom:68px}.kb-section-head{display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:center;margin-bottom:24px}.kb-icon{width:54px;height:54px;border-radius:16px;background:#173a57;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 10px 24px rgba(23,58,87,.12)} .kb-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.15em;color:#9b713d}.kb-section h2{font-family:'Plus Jakarta Sans';font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:#173a57;margin:2px 0 3px}.kb-section-head p{margin:0;color:#718090;font-size:.94rem}.kb-section-count{font-size:.78rem;font-weight:700;color:#52687a;border:1px solid #d9e3e9;background:#fff;border-radius:999px;padding:8px 12px} .kb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kb-card{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 17px;border:1px solid #dbe5eb;background:#fff;border-radius:15px;color:#1d3c55;text-decoration:none;font-weight:700;font-size:.89rem;line-height:1.35;transition:.2s ease;box-shadow:0 6px 18px rgba(23,58,87,.035)}.kb-card i{font-size:.75rem;color:#93a5b3;flex:0 0 auto}.kb-card:hover{transform:translateY(-2px);border-color:#173a57;color:#173a57;box-shadow:0 14px 30px rgba(23,58,87,.1)}.kb-card:hover i{color:#c28b45} .kb-no-results{text-align:center;background:#fff;border:1px solid #dae5eb;border-radius:22px;padding:58px 22px;margin-bottom:50px}.kb-no-results i{font-size:2rem;color:#8fa2b1}.kb-no-results h3{margin:15px 0 7px;font-weight:800}.kb-no-results p{color:#718090;margin:0} .kb-note{padding:0 0 72px}.kb-note-inner{display:flex;gap:17px;align-items:flex-start;background:#edf4f7;border:1px solid #dce7ec;padding:23px 26px;border-radius:18px}.kb-note-inner>i{color:#173a57;margin-top:4px}.kb-note-inner strong{display:block;color:#173a57;margin-bottom:4px}.kb-note-inner p{margin:0;color:#617587;line-height:1.65;font-size:.91rem} .custom-navbar .kb-dropdown{min-width:285px!important}.custom-navbar .kb-dropdown .dropdown-item{display:flex;align-items:center;gap:10px}.custom-navbar .kb-dropdown .dropdown-item i{width:18px;text-align:center;color:#7d91a1}.custom-navbar .kb-dropdown .kb-home{font-weight:800;color:#173a57!important} @media(min-width:1200px){.custom-navbar .nav-link{padding-left:9px!important;padding-right:9px!important;font-size:.87rem!important}} @media(max-width:1100px){.kb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-hero-grid{grid-template-columns:1fr;gap:32px}.kb-search-box{max-width:620px}} @media(max-width:760px){.kb-hero{padding:52px 0 42px}.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-section-head{grid-template-columns:50px 1fr}.kb-section-count{grid-column:2}.kb-content{padding-top:42px}} @media(max-width:520px){.kb-grid{grid-template-columns:1fr}.kb-card{min-height:64px}.kb-section-head{display:flex;align-items:flex-start;flex-wrap:wrap}.kb-section-head>div:nth-child(2){flex:1;min-width:220px}.kb-section-count{margin-left:68px}.kb-search-box{padding:22px}.kb-hero h1{font-size:2.55rem}} /* Knowledge Bank internal page system */ .kb-category-hero,.kb-resource-hero{padding:72px 0 42px;background:linear-gradient(180deg,#f5f8fb 0%,#fff 100%);border-bottom:1px solid #e3eaf0}.kb-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:#687b8d;margin-bottom:28px}.kb-breadcrumb a{color:#173b58;text-decoration:none;font-weight:700}.kb-breadcrumb i{font-size:10px}.kb-category-title{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.kb-category-title h1,.kb-resource-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.02;color:#173b58;margin:5px 0 10px}.kb-category-title p,.kb-resource-hero p{color:#607184;max-width:820px;margin:0}.kb-category-search{max-width:720px;margin:0 auto 36px}.kb-category-grid{margin-bottom:30px}.kb-all-categories{padding:55px 0 80px;background:#f7f9fb}.kb-all-categories h2{text-align:center;color:#173b58;margin-bottom:25px}.kb-resource-body{padding:38px 0 80px;background:#f7f9fb}.kb-resource-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.kb-resource-toolbar a,.kb-resource-toolbar button{border:1px solid #cfdae3;background:#fff;color:#173b58;border-radius:999px;padding:11px 17px;font-weight:700;text-decoration:none}.kb-resource-toolbar button{cursor:pointer}.kb-resource-frame-wrap{position:relative;background:#fff;border:1px solid #d9e2e9;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(17,52,77,.08);min-height:760px}.kb-resource-frame{display:block;width:100%;height:980px;border:0;background:#fff}.kb-frame-loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#173b58;font-weight:700}.kb-section-count{text-decoration:none}.kb-section-count:hover{color:#fff;background:#173b58}.kb-dropdown .dropdown-item i{width:22px} @media(max-width:991px){.kb-category-title{grid-template-columns:auto 1fr}.kb-category-title .kb-section-count{grid-column:2}.kb-resource-frame{height:900px}}@media(max-width:600px){.kb-category-hero,.kb-resource-hero{padding:48px 0 28px}.kb-category-title{grid-template-columns:1fr}.kb-category-title .kb-icon{margin-bottom:0}.kb-category-title .kb-section-count{grid-column:auto;width:max-content}.kb-resource-toolbar{align-items:stretch;flex-direction:column}.kb-resource-toolbar a,.kb-resource-toolbar button{text-align:center}.kb-resource-frame{height:760px}} .kb-resource-note{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 16px;border-radius:12px;background:#eef4f8;color:#526b7d;font-size:14px}.kb-resource-note i{color:#c6923d}.kb-frame-loading{pointer-events:none} /* ===== Exact Knowledge Bank mega menu ===== */ .kb-mega-wrap{position:static!important}.custom-navbar .container{position:relative}.kb-mega-menu{display:none;position:absolute!important;left:50%!important;transform:translateX(-50%);top:calc(100% - 2px)!important;width:min(1380px,96vw);max-height:76vh;overflow:auto;padding:0!important;border:1px solid #d8e3eb!important;border-radius:0 0 18px 18px!important;box-shadow:0 24px 55px rgba(14,43,64,.16)!important;background:#fff!important}.kb-mega-wrap:hover>.kb-mega-menu,.kb-mega-wrap.kb-open>.kb-mega-menu{display:block}.kb-mega-top{position:sticky;top:0;z-index:3;background:#173b56;padding:14px 20px}.kb-mega-top a{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.kb-mega-top i{color:#6f8795}.kb-mega-top strong{display:block;font-size:15px}.kb-mega-top small{display:block;color:#c6d5df;font-size:11px}.kb-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.kb-mega-col{padding:18px 20px;border-right:1px solid #edf2f5;border-bottom:1px solid #edf2f5}.kb-mega-title{display:flex;justify-content:space-between;align-items:center;color:#173b56!important;font-size:14px;font-weight:800;text-decoration:none!important;margin-bottom:8px}.kb-mega-title i{font-size:10px;color:#6f8795}.kb-mega-group-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#6f8795;margin:12px 0 5px;padding-top:9px;border-top:1px solid #edf2f5}.kb-mega-links{display:grid;gap:2px}.kb-mega-links a{display:block;padding:5px 0;color:#506678!important;font-size:11.5px;line-height:1.25;text-decoration:none!important}.kb-mega-links a:hover{color:#173b56!important;padding-left:4px}.kb-subgroup{margin-bottom:34px}.kb-subgroup-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;padding-bottom:11px;border-bottom:1px solid #dce6ed}.kb-subgroup-head h2{font-size:22px;color:#173b56;margin:0}.kb-subgroup-head span{font-size:12px;font-weight:700;color:#7a8b99}.kb-subgroup+.kb-subgroup{margin-top:24px} @media(max-width:1199px){.kb-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-mega-menu{max-height:68vh}}@media(max-width:991px){.kb-mega-wrap{position:relative!important}.kb-mega-menu{position:static!important;transform:none!important;width:100%;max-height:55vh;border-radius:10px!important}.kb-mega-grid{grid-template-columns:1fr}.kb-mega-wrap:hover>.kb-mega-menu{display:none}.kb-mega-wrap.kb-open>.kb-mega-menu{display:block}.kb-mega-col{padding:14px}.kb-mega-links a{font-size:13px}} /* ===== Knowledge Bank cascading multi-level menu ===== */ .kb-cascade-wrap{position:static!important} .custom-navbar .container{position:relative} .kb-cascade-menu{display:none;position:absolute!important;left:50%!important;transform:translateX(-50%);top:calc(100% - 2px)!important;width:min(1180px,94vw);padding:0!important;border:1px solid #d7e2e9!important;border-radius:0 0 16px 16px!important;box-shadow:0 24px 60px rgba(11,42,62,.18)!important;background:#fff!important;overflow:hidden} .kb-cascade-wrap:hover>.kb-cascade-menu,.kb-cascade-wrap.kb-open>.kb-cascade-menu{display:block} .kb-cascade-head{background:#173b56;padding:14px 20px} .kb-cascade-head>a{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important} .kb-cascade-head i{color:#6f8795;font-size:18px}.kb-cascade-head strong{display:block;font-size:16px}.kb-cascade-head small{display:block;color:#c8d6df;font-size:11px;margin-top:2px} .kb-cascade-body{display:grid;grid-template-columns:230px minmax(320px,1fr) minmax(320px,1fr);min-height:430px;max-height:68vh} .kb-level{list-style:none;margin:0;padding:0}.kb-level-1{background:#f5f8fa;border-right:1px solid #e5edf2;padding:10px 0;overflow:auto}.kb-level-2-wrap,.kb-level-3-wrap{position:relative;overflow:auto;background:#fff}.kb-level-2-wrap{border-right:1px solid #e5edf2} .kb-node>a,.kb-node>button,.kb-leaf>a{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border:0;background:transparent;color:#29485f!important;text-align:left;text-decoration:none!important;font-size:13px;line-height:1.25;cursor:pointer} .kb-node>a i,.kb-node>button i{font-size:10px;color:#aa7a2e} .kb-category-node:hover>a,.kb-category-node.kb-current>a,.kb-group-node:hover>button,.kb-group-node.kb-current>button{background:#e8f0f5;color:#123a56!important;font-weight:800} .kb-leaf>a:hover{background:#f5f8fa;color:#123a56!important;padding-left:21px} .kb-panel{display:none;min-height:100%;padding:14px 10px}.kb-panel.kb-active{display:block} .kb-panel-title{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 12px;margin-bottom:4px;border-bottom:1px solid #e5edf2}.kb-panel-title strong{font-size:15px;color:#173b56}.kb-panel-title a{font-size:11px;font-weight:700;color:#6f8795!important;text-decoration:none!important} .kb-placeholder-panel{height:100%;padding:40px 28px!important;text-align:center;color:#6c7f8d}.kb-placeholder-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:55px auto 14px;background:#eef3f6;color:#6f8795}.kb-placeholder-panel strong,.kb-placeholder-panel small{display:block}.kb-placeholder-panel strong{color:#29485f;margin-bottom:6px}.kb-placeholder-panel small{font-size:12px} .kb-level-2,.kb-level-3{padding:2px 0 12px}.kb-level-3 .kb-leaf>a{padding:10px 14px} @media(max-width:991px){ .kb-cascade-wrap{position:relative!important}.kb-cascade-menu{position:static!important;transform:none!important;width:100%;max-height:65vh;overflow:auto;border-radius:10px!important}.kb-cascade-wrap:hover>.kb-cascade-menu{display:none}.kb-cascade-wrap.kb-open>.kb-cascade-menu{display:block}.kb-cascade-body{display:block;min-height:0;max-height:none}.kb-level-1{border-right:0}.kb-level-2-wrap,.kb-level-3-wrap{border-right:0}.kb-cat-panel,.kb-sub-panel,.kb-placeholder-panel{display:none!important}.kb-cat-panel.kb-active,.kb-sub-panel.kb-active{display:block!important}.kb-panel{min-height:0;border-top:1px solid #e5edf2}.kb-placeholder-panel{display:none!important} }