/* Digital Marketing Company Chandigarh - Redesigned Front Page */
:root{
 --dm-blue:#0878ee;--dm-blue-dark:#0058c8;--dm-navy:#071d3b;--dm-ink:#0b1e3b;
 --dm-text:#5d6878;--dm-soft:#f4f9ff;--dm-line:#e3ebf5;--dm-white:#fff;
 --dm-orange:#ff9b4a;--dm-green:#13ad75;--dm-shadow:0 18px 50px rgba(20,48,84,.10);
 --dm-radius:16px;--dm-container:1320px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dm-text);background:#fff;line-height:1.65}
.front-page-main{overflow:hidden}
.front-page-main .container{width:min(calc(100% - 48px),var(--dm-container));margin-inline:auto;padding:0}
.front-page-main section{position:relative;padding:84px 0}
.front-page-main h1,.front-page-main h2,.front-page-main h3,.front-page-main h4{font-family:Manrope,Inter,Arial,sans-serif;color:var(--dm-ink);margin:0;line-height:1.15}
.front-page-main p{margin-top:0}
.text-blue{color:var(--dm-blue)!important}.text-green{color:var(--dm-green)!important}.text-center{text-align:center}.white-text{color:#fff!important}
.section-subtitle{font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--dm-blue);text-transform:uppercase;margin-bottom:9px}
.section-title{font-size:38px;letter-spacing:-1px;margin-bottom:18px!important}.section-title-wrap .section-title{margin-bottom:0!important}
.section-top-flex{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:36px}
.text-link,.card-link,.work-body a,.blog-body a{color:var(--dm-blue);font-size:13px;font-weight:800;text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 24px;border-radius:999px;font-weight:800;font-size:13px;text-decoration:none;transition:.25s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--dm-blue-dark),var(--dm-blue));box-shadow:0 10px 24px rgba(8,120,238,.22)}
.btn-outline{color:var(--dm-blue);border-color:var(--dm-blue);background:#fff}.btn-outline:hover{background:var(--dm-blue);color:#fff}

/* Hero */
.section-hero{padding:76px 0 0!important;background:radial-gradient(circle at 82% 26%,#e4f3ff 0,rgba(228,243,255,.75) 20%,transparent 46%),linear-gradient(105deg,#f8fbff 0,#fff 50%,#eef7ff 100%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:60px;align-items:center;min-height:500px}
.hero-content{max-width:650px}.hero-badge{display:inline-flex;color:var(--dm-blue);font-size:11px;font-weight:900;letter-spacing:1.1px;margin-bottom:16px}
.hero-title{font-size:58px;letter-spacing:-2px;margin-bottom:22px!important;max-width:720px}
.hero-desc{font-size:16px;max-width:610px;margin-bottom:28px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.hero-visual{position:relative;align-self:end;min-height:480px}.main-hero-img{position:absolute;right:-30px;bottom:0;width:min(600px,110%);height:480px;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 18px 28px rgba(35,70,110,.12))}
.float-card{position:absolute;z-index:3;background:rgba(255,255,255,.96);border:1px solid #e6eef7;border-radius:13px;padding:14px 16px;box-shadow:var(--dm-shadow)}
.float-top-left{left:0;top:42%}.float-top-right{right:1%;top:25%}.card-title{display:block;font-size:10px;font-weight:700;color:#647083}.card-value{display:block;font:800 22px/1.15 Manrope,Inter,sans-serif;color:var(--dm-ink);margin-top:4px}
.chart-line{width:75px;height:24px;margin-top:7px}.bar-chart{height:30px;display:flex;align-items:flex-end;gap:4px;margin-top:7px}.bar-chart i{width:6px;background:var(--dm-blue);border-radius:2px 2px 0 0}
.hero-benefits{position:relative;z-index:4;transform:translateY(28px);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #edf2f8;border-radius:14px;box-shadow:0 15px 40px rgba(24,57,91,.09);padding:18px 25px}
.hero-benefits div{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid #edf2f8;font-size:12px;color:var(--dm-ink)}.hero-benefits div:last-child{border:0}.hero-benefits span{color:var(--dm-blue);font-size:18px}

/* Trust */
.section-trusted{padding:78px 0 34px!important}.trusted-label{text-align:center;font-size:12px;font-weight:700;margin-bottom:18px!important;color:#7a8797}
.trusted-logos{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#fff;border:1px solid var(--dm-line);border-radius:15px;box-shadow:0 12px 35px rgba(20,48,84,.05);overflow:hidden}
.trust-name{height:92px;display:grid;place-items:center;text-align:center;font:800 18px/1.2 Manrope,Inter,sans-serif;color:#687482;filter:grayscale(1);border-right:1px solid var(--dm-line)}.trust-name:last-child{border:0}

/* Services */
.section-services{padding-top:68px!important;background:#fff}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{padding:28px 24px;background:#fff;border:1px solid var(--dm-line);border-radius:14px;transition:.25s;min-height:280px;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-5px);border-color:#b9d9fb;box-shadow:0 18px 40px rgba(28,73,121,.09)}
.s-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#edf6ff;color:var(--dm-blue);margin-bottom:22px}.s-icon svg{width:24px;height:24px}
.s-title{font-size:17px;margin-bottom:11px!important}.s-desc{font-size:13px;line-height:1.7;margin-bottom:18px}.card-link{margin-top:auto}

/* About */
.section-about{padding:92px 0 105px!important;background:linear-gradient(180deg,#fff,#fbfdff)}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr 190px;gap:58px;align-items:center}
.about-img-wrapper{position:relative;border-radius:24px;overflow:hidden;background:#edf7ff;min-height:470px}.about-img-wrapper img{width:100%;height:470px;display:block;object-fit:cover;object-position:65% center}
.about-note{position:absolute;left:20px;bottom:22px;color:var(--dm-blue);font:700 24px/1.1 cursive;transform:rotate(-7deg)}
.about-desc{font-size:15px;max-width:570px}.about-checks{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:12px}.about-checks li{position:relative;padding-left:26px;color:var(--dm-ink);font-size:14px;font-weight:650}.about-checks li:before{content:"✓";position:absolute;left:0;color:var(--dm-blue);font-weight:900}.mt-32{margin-top:28px}
.about-stats{display:grid;gap:16px}.about-stats div{background:#eef7ff;border:1px solid #e1edf9;border-radius:14px;padding:28px 16px;text-align:center}.about-stats strong{display:block;font:800 32px/1 Manrope;color:var(--dm-ink);margin-bottom:8px}.about-stats span{font-size:12px}

/* Process */
.section-process{padding:65px 0!important;background:radial-gradient(circle at 50% 0,#143e70 0,var(--dm-navy) 52%,#06162e 100%)}
.section-process .section-title{margin-bottom:40px!important}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:18px}.process-grid:before{content:"";position:absolute;left:10%;right:10%;top:27px;height:1px;background:rgba(255,255,255,.24)}
.process-item{position:relative;color:#fff}.process-item span{position:relative;z-index:2;width:55px;height:55px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);background:#0c2a4d;font-size:12px;color:#9ed1ff}.process-item strong{display:block;color:#fff;font-size:13px;line-height:1.4}

/* Work */
.section-work{background:#fff}.work-grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work-card-box{border:1px solid var(--dm-line);border-radius:14px;overflow:hidden;background:#fff;transition:.25s}.work-card-box:hover{transform:translateY(-4px);box-shadow:var(--dm-shadow)}
.work-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#edf4fb}.work-img img{width:100%;height:100%;object-fit:cover}.work-body{padding:20px}.work-body h3{font-size:17px;margin-bottom:12px!important}.work-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.work-pills span{font-size:9px;font-weight:800;background:#edf6ff;color:#31689d;padding:5px 8px;border-radius:999px}
.work-cover{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px;color:#fff}.work-cover-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800}.work-cover strong{font:800 30px/1.1 Manrope;margin:8px 0;color:#fff}.work-cover small{opacity:.85}.work-cover-seo{background:linear-gradient(135deg,#112f55,#0878ee)}.work-cover-ads{background:linear-gradient(135deg,#075b9d,#16a0dc)}

/* Testimonials */
.section-testimonials{background:linear-gradient(180deg,#f6fbff,#fff)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{padding:28px;background:#fff;border:1px solid var(--dm-line);border-radius:14px;box-shadow:0 10px 30px rgba(20,48,84,.04)}
.stars{color:#f5aa17;letter-spacing:2px;font-size:15px;margin-bottom:14px}.t-text{font-size:13px;line-height:1.75;min-height:115px;margin-bottom:20px}.client-meta{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--dm-blue);font-weight:900}.client-info h4{font-size:13px;margin-bottom:2px!important}.client-info span,.client-info small{display:block;font-size:10px}.client-info small{margin-top:2px;color:#8b95a3}

/* CTA */
.section-cta{padding:48px 0!important;background:linear-gradient(105deg,#0868d6,#0a8cff)}.section-cta .container{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-copy{max-width:820px}.cta-title{font-size:36px;color:#fff;margin-bottom:9px!important}.cta-desc{color:rgba(255,255,255,.9);font-size:14px;margin:0}.btn-cta{background:var(--dm-orange);color:#fff;white-space:nowrap;box-shadow:none}.btn-cta:hover{background:#ff892b}

/* Blog */
/* =========================================
   BLOG / LATEST POSTS
========================================= */

.section-blog {
    background: #fff;
}

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

.blog-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--dm-line);
    border-radius: 14px;
    overflow: hidden;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.blog-card:hover {
    transform: translateY(-5px);
    border-color: #c7ddf5;
    box-shadow: var(--dm-shadow);
}


/* Image */

.blog-thumb {
    position: relative;
    display: block;
    height: 230px;
    overflow: hidden;
    background: linear-gradient(
        135deg,
        #eaf5ff,
        #f8fbff
    );
    text-decoration: none;
}

.blog-featured-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .4s ease;
}

.blog-card:hover .blog-featured-image {
    transform: scale(1.04);
}


/* No featured image */

.blog-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-placeholder span {
    padding: 20px 30px;
    border: 6px solid rgba(255, 255, 255, .9);
    border-radius: 7px;

    color: var(--dm-blue);
    font-size: 14px;
    font-weight: 800;

    box-shadow: 0 10px 30px rgba(10, 60, 110, .08);
}


/* Card content */

.blog-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
}

.blog-category {
    margin-bottom: 8px;

    color: var(--dm-blue);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.blog-body h3 {
    margin: 0 0 20px !important;

    font-size: 18px;
    line-height: 1.35;
}

.blog-body h3 a {
    color: var(--dm-ink);
    text-decoration: none;
    transition: color .2s ease;
}

.blog-body h3 a:hover {
    color: var(--dm-blue);
}

.blog-read-more {
    margin-top: auto;

    color: var(--dm-blue);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.blog-read-more:hover {
    text-decoration: underline;
}

.blog-empty {
    grid-column: 1 / -1;
    padding: 40px;
    text-align: center;
    border: 1px solid var(--dm-line);
    border-radius: 14px;
}


/* Tablet */

@media (max-width: 991px) {

    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .blog-card:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

}


/* Mobile */

@media (max-width: 767px) {

    .blog-grid {
        grid-template-columns: 1fr;
    }

    .blog-card:last-child:nth-child(odd) {
        grid-column: auto;
    }

    .blog-thumb {
        height: 210px;
    }

    .blog-body {
        padding: 20px;
    }

    .blog-body h3 {
        font-size: 17px;
    }

}

/* Contact */
.section-contact{background:linear-gradient(135deg,#f6fbff,#fff)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.contact-desc{font-size:14px;max-width:520px;margin-bottom:28px}
.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.contact-list li{display:flex;align-items:center;gap:13px}.c-icon{width:39px;height:39px;flex:0 0 39px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--dm-blue);font-size:15px}.contact-list span{display:block;font-size:10px}.contact-list strong{display:block;color:var(--dm-ink);font-size:13px;overflow-wrap:anywhere}
.contact-form{background:#fff;border:1px solid #edf2f7;border-radius:18px;padding:30px;box-shadow:var(--dm-shadow);min-width:0}
.contact-form form{margin:0}.contact-form label{display:block;color:var(--dm-ink);font-size:12px;font-weight:700;margin-bottom:6px}
.contact-form input:not([type=checkbox]):not([type=radio]),.contact-form select,.contact-form textarea{width:100%!important;max-width:100%;min-height:44px;border:1px solid #dbe5f0!important;border-radius:8px!important;background:#fff!important;color:var(--dm-ink)!important;font:inherit!important;font-size:13px!important;box-shadow:none!important;outline:none}
.contact-form textarea{min-height:115px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--dm-blue)!important;box-shadow:0 0 0 3px rgba(8,120,238,.1)!important}
.contact-form button,.contact-form input[type=submit]{min-height:46px;padding:12px 22px!important;border:0!important;border-radius:8px!important;background:linear-gradient(135deg,var(--dm-blue-dark),var(--dm-blue))!important;color:#fff!important;font-weight:800!important;cursor:pointer!important}

/* Animation */
.fade-up{opacity:1;transform:none}.js .fade-up{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.js .fade-up.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}

@media(max-width:1180px){
 .hero-title{font-size:49px}.services-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr 1fr}.about-stats{grid-column:1/-1;grid-template-columns:1fr 1fr}.work-grid-three{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:991px){
 .front-page-main section{padding:68px 0}.front-page-main .container{width:min(calc(100% - 36px),var(--dm-container))}
 .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:20px}.hero-visual{min-height:390px}.main-hero-img{left:50%;right:auto;transform:translateX(-50%);max-width:560px}
 .hero-benefits{grid-template-columns:repeat(2,1fr)}.hero-benefits div{padding:10px;border-bottom:1px solid #edf2f8}.hero-benefits div:nth-child(2){border-right:0}
 .about-stats{grid-column:auto}.process-grid{grid-template-columns:repeat(5,1fr)}.work-grid-three,.testimonials-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid .testimonial-card:last-child,.blog-grid .blog-card:last-child{grid-column:1/-1}
}
@media(max-width:767px){
 .front-page-main .container{width:min(calc(100% - 28px),var(--dm-container))}.front-page-main section{padding:56px 0}.section-title{font-size:29px}.section-top-flex{display:block;margin-bottom:27px}.section-top-flex .text-link{display:inline-block;margin-top:10px}
 .section-hero{padding-top:55px!important}.hero-title{font-size:39px;letter-spacing:-1.2px}.hero-desc{font-size:15px}.hero-actions .btn{flex:1 1 180px}
 .hero-visual{min-height:320px}.main-hero-img{height:330px;width:115%}.float-card{transform:scale(.85)}.float-top-left{left:-4%;top:40%}.float-top-right{right:-4%;top:15%}
 .trusted-logos{grid-template-columns:repeat(2,1fr)}.trust-name:nth-child(2){border-right:0}.trust-name:nth-child(-n+2){border-bottom:1px solid var(--dm-line)}
 .services-grid,.work-grid-three,.testimonials-grid,.blog-grid{grid-template-columns:1fr}.service-card{min-height:auto}.about-img-wrapper,.about-img-wrapper img{height:360px;min-height:360px}.about-stats{grid-template-columns:1fr 1fr}
 .process-grid{grid-template-columns:1fr;gap:22px}.process-grid:before{display:none}.process-item{display:grid;grid-template-columns:55px 1fr;align-items:center;text-align:left;gap:14px}.process-item span{margin:0}.process-item strong br{display:none}
 .testimonials-grid .testimonial-card:last-child,.blog-grid .blog-card:last-child{grid-column:auto}.t-text{min-height:auto}.section-cta .container{display:block}.section-cta .btn{margin-top:22px}.cta-title{font-size:29px}.contact-grid{gap:40px}.contact-form{padding:20px}
}
@media(max-width:480px){
 .hero-title{font-size:34px}.hero-benefits{grid-template-columns:1fr}.hero-benefits div{border-right:0}.trusted-logos{grid-template-columns:1fr}.trust-name{border-right:0!important;border-bottom:1px solid var(--dm-line)!important}.trust-name:last-child{border-bottom:0!important}
 .about-stats{grid-template-columns:1fr}.about-img-wrapper,.about-img-wrapper img{height:300px;min-height:300px}
}