/*!
Theme Name: dvmarketing
Theme URI: http://underscores.me/
Author: Diggity.us
Author URI: http://diggity.us/
Description: Get 30+ Booked Estimates In The Next 30 Days
Without Any Ad Spend
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6

Text Domain: dvmarketing
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');
:root {
  --primary:   250, 195, 30;
  --light:   255, 255, 255;  
  --muted:   163, 163, 163;
  --danger:  119, 26, 26;
  --dark:    0, 0, 0;
  --dark2:     10, 10, 10;
  --dark3:     17, 19, 23;
  --body-content: 156, 163, 175;
}

* { 
    box-sizing: border-box; 
    transition: all 0.2s cubic-bezier(.4, 0, .2, 1);
}

 [data-aos] {
      opacity: 0;
      transition: opacity .7s ease, transform .7s ease;
    }
    [data-aos="fade-up"] { transform: translateY(40px); }
    [data-aos="fade-right"] { transform: translateX(-40px); }
    [data-aos="fade-left"] { transform: translateX(40px); }
    [data-aos="zoom-in"] { transform: scale(.88); }
    [data-aos="fade-down"] { transform: translateY(-30px); }

    [data-aos].aos-visible {
      opacity: 1;
      transform: none;
    }
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}
body.modal-open {
  padding-right: 0 !important;
}
body:not(.home) header {
    display: none;
}
body.page-template-landing-page-with-modal-form header, body.page-template-homedemo header, body.page-template-homedemo-popup header {
    display: block;
}
body {
  font-family: "Geist", sans-serif;
  color: rgb(var(--body-content));
    font-size: 18px;
    line-height: 30px;
    text-align: center;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
u{
    text-decoration-thickness: 3px;
    text-underline-offset: .15em;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: rgb(var(--light));
    letter-spacing: -.025em;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-weight: 500;}
h1{font-size:clamp(28px, 6vw, 48px);}

small, .small{font-size: 14px;}

b, strong{
    font-weight:700;
}

/* ── HEADER ───────────────────────────────────── */
header{
	font-size: 14px;
    position: fixed;
    top: 20px!important;
    left: 20px!important;
    right: 20px!important;
    max-width: 1000px;
    padding-inline: .5rem;
    margin-inline: auto;
    border: 1px solid rgba(var(--light), .1);
    border-radius: 100px;
    background-color: rgba(var(--dark2), .9);
    backdrop-filter: blur(12px);
    transition: all 0.4s ease;
}

#masthead.scrolled {
  max-width:900px; z-index:9;
}

.custom-logo{
    max-height: 22px;
    width: auto;
	display: grid;
}
.header-actions {
	display: flex;
	gap: 15px;
	align-items: center;
}

.phone-btn {
	text-decoration: none;
	color: rgb(var(--muted));
}
.phone-btn:hover {
	color: rgb(var(--light));
}

/* ── CTA ───────────────────────────────────── */
.btn-primary-cta {
	background: rgb(var(--primary));
	color: #000000;
	padding: 16px 32px;
	border-radius: 100px;
	text-decoration: none;
    display: inline-block;
    font-size: 18px;
	font-weight: 700;
}
.btn-primary-cta:hover {
    opacity: .9;
    background-color: rgba(var(--primary) , .9);
    box-shadow:  0 20px 25px -5px rgba(var(--primary) , .2), 0 8px 10px -6px rgba(var(--primary) , .2);
}
.wp-block-button.btn-primary-cta{
    padding: 0;
}
.wp-block-buttons .wp-block-button__link {
    font-size: inherit;
}
.wp-block-button.btn-primary-cta .wp-block-button__link{
    background: transparent;
    color: inherit;
}
.btn-sm {
    font-size: 14px;
	padding: 5px 16px;
}

.clr-primary{
    color: rgb(var(--primary));
}
.clr-muted{
    color: rgb(var(--muted));
}
.btn-link{color: rgb(var(--muted));text-decoration: none;}
.btn-link:hover{color: rgb(var(--light));}
.btn-link i{vertical-align:middle;}

section{
    padding-top: clamp(50px, 6vw, 80px);
    padding-bottom: clamp(50px, 6vw, 80px);
    background: rgb(var(--dark3));
}
section:nth-child(odd){
    background: rgb(var(--dark));
}
section.hero h1{
    font-size: clamp(30px, 6vw, 64px);
}
section.hero h1 span{
    font-size: clamp(20px, 6vw, 56px);
}

/* CARD 1 */
.card{
    background: transparent;
    border-radius: 1rem;
    padding: 30px;
}

.stat-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 900px;
    margin-inline: auto;
    gap: 3rem;
}
.stat-item {
    border: 1px solid rgba(var(--primary), .1);
    background: linear-gradient(to bottom, rgba(var(--primary), .05), rgba(var(--primary), 0));
    border-radius: .75rem;
    padding: 30px;
}
.stat-item:hover {
    border: 1px solid rgba(var(--primary), .2);
}
.stat-num {font-size: 3.75rem;line-height: 1;font-weight: 200;color: rgb(var(--primary));}
.stat-num span { color: rgb(var(--primary)); }
.stat-label {
    display: block;
    color: rgb(var(--muted));
    margin-top: 10px;
    text-transform: uppercase;
    line-height:normal;
}
.modal *{
    color: rgb(var(--dark))!important;
}
.modal .stat-item {
    border-color: rgba(var(--primary), 1);
}

/*---------arupa css add-------------*/
.getstart .stat-num{font-size:1.75rem; font-weight:500;}
.getstart .stat-row {gap:1.5rem;}
.getstart .stat-label{font-size:12px;}
.gettop .stat-row{display:block;}
.text-sm {font-size: .875rem; color: rgb(var(--light));}

.stat-read-item {border: 1px solid rgba(var(--primary), .5);background: linear-gradient(to bottom, rgba(var(--primary), .2), rgba(var(--primary), 0));
 border-radius: .75rem;padding:20px;color: rgb(var(--light));}
.stat-read-item:hover {border: 1px solid rgba(var(--primary), .3);}
.stat-read-item i{color: rgb(var(--primary));}
.stat-read-item span{color: rgb(var(--primary));} 


.booking{padding:20px;}
.booking .stat-num{font-size: .875rem; font-weight:500; text-transform:uppercase; text-align:start;}
.check-list{font-size:.875rem!important; display:block!important; color: rgb(var(--muted))!important; margin:0!important;}
.check-list i{color: rgb(var(--primary))!important; margin-right:10px;}




/* CARD STYLE 1 */
.card.style1{
    border: 1px solid rgba(var(--light), .1);
    height: 100%;
}
.card.style1:hover{
    border: 1px solid rgba(var(--primary), .3);
}
.card.style1 .card-body{
    padding: 0;
        display: grid;
    place-content: center;
}
.style1 .title {
    font-size:clamp(30px, 6vw, 60px);;
    line-height: 60px;
    font-weight: 700;
    color: rgb(var(--primary));
}
.style1 .desc{text-transform: uppercase; color: rgb(var(--muted));}
.style1 hr{
    max-width: 80px;
    width: 100%;
    height: 1px;
    border: 0;
    opacity: .3;
	margin:10px auto;

    background: linear-gradient(
        to right,
        rgba(var(--primary), 0) 10%,
        rgba(var(--primary)) 50%,
        rgba(var(--primary), 0) 90%
    );
}
.text-center .style1 hr{margin-inline: auto;}

.style1 .card-footer small{letter-spacing: .1em; font-size: .75em; color:rgb(var(--muted), .7);}
.style1 .card-footer-title{
    color:rgb(var(--light));
    font-weight: 700;
    font-size: 18px;
    display: block;
}

/* UL LI  */
.custom-list, .check-list {
    list-style: none;
    padding-left: 0;
    max-width: 670px;
    text-align: left;
    margin: 30px auto 40px;
    font-size: 24px;
    color: rgb(var(--light));
    display: inline-block;
}
ul.custom-list li, ul.check-list li {
    display: flex;
}
.custom-list li+li{margin-top: 16px; display:flex;}
.custom-list li::before {
    content: "✓";
    margin-right: 8px;
    color: rgba(var(--primary));
}
.badge-pill {
    display: inline-flex;
    background: rgba(var(--primary), .1);
    border: 1px solid rgba(var(--primary), .2);
    color: rgba(var(--primary));
    border-radius: 50px;
    padding: 6px 16px;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.imgbox-sec.row{
    margin-top:6vw;
}
.imgbox-sec .imgbox{
    border: 1px solid rgba(var(--dark3), 1);
    border-radius: 1.5rem;
    aspect-ratio: 4 / 3;
    height: 100%;
    display: grid;
    place-items:center;
}
.imgbox-sec .imgbox img{
    max-width: 350px;
}
.text-start .has-text-align-center {
    text-align: left;
}
.text-start .wp-block-buttons.is-content-justification-center {
    justify-content: start;
}

.imgbox-sec .imgbox video{width: 100%;aspect-ratio: 16 / 9;}


/* ── SERVICES ─────────────────────────────────── */
.services { background: var(--dark); }

.service-card{
  background: var(--card-bg);
  border: 1px solid rgba(var(--primary), .1);
  border-radius: 16px;
  padding: 32px;
  height: 100%;
    text-align: left;
}
.service-card:hover {
  border-color: rgba(var(--primary), .3);
}
.service-icon{
  width: 56px;
  height: 56px;
  background: rgba(var(--primary), .1);
  border: 1px solid rgba(var(--primary), .1);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: rgba(var(--primary));
  margin-bottom: 20px;
}
.service-title{
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}
.service-desc { font-size: .9rem; color: #9ca3af; line-height: 1.65; }

/* ── Testimonial ─────────────────────────────────── */


.testimonial-card {
  background: var(--card-bg);
  border: 1px solid rgba(var(--primary), .1);
  border-radius: 16px;
  padding: 32px;
  height: 100%;
  text-align: left;
  background:rgba(44, 44, 44, .4);
}
.testimonial-card:hover {
  border-color: rgba(var(--primary), .3);
}
.testimonial-title{font-weight:500; line-height:30px;}

.star-icon img{width:100px;}

ul {
    font-size: 24px;
    color: rgb(var(--light));
    text-align: left;
    max-width: 670px;
    margin: clamp(10px, 3vw, 40px) auto;
    list-style: none;
	padding:0;
}
ul li {
    padding-left: 10px;
    padding-top: 10px;
    display: flex;
}
ul li::before {
    content: "✓";
    margin-right: 8px;
    color: rgba(var(--primary));
    margin-right: 8px;
}
.small-list ul{font-size:14px; margin:0;}
.small-list ul li{padding-top:0; color: rgb(var(--body-content));}

/* ── Number list ─────────────────────────────────── */

.list-group-numbered{text-align:left;}
.list-group-numbered li{
  background: var(--card-bg);
  border: 1px solid rgba(var(--primary), .1);
  border-radius: 16px;
  padding: 32px;
  color:#fff;
  margin-bottom:15px;
  height: 100%;
  background:rgba(44, 44, 44, .4);
  display:flex;
  align-items: flex-start;
  gap:20px;
}

.list-group-numbered li:hover {
  border-color: rgba(var(--primary), .3);
}
.list-group-item:first-child{border-top-left-radius:16px; border-top-right-radius:16px;}
.list-group-item+.list-group-item {border-top-width: thin;}
.list-group-item:last-child {border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}

.list-group-numbered>.list-group-item::before {
    content: counters(section, ".") " ";
    counter-increment: section;
    font-size: 40px;
	font-weight:600;
background: linear-gradient(132deg, rgb(76 70 38) 0%, rgb(46 40 5) 100%);
    padding:25px 28px;
    border-radius: 10px;
	display: flex;
    align-items: center;
	color: rgb(var(--primary));
	box-shadow:0px 4px 3px 0px rgb(140 90 40 / 30%);
-webkit-box-shadow:0px 4px 3px 0px rgb(140 90 40 / 30%);
-moz-box-shadow:0px 4px 3px 0px rgb(140 90 40 / 30%);
}

ol{
  counter-reset: list;
  list-style: none;
  text-align:left;
  padding:0;
}

ol li {
	font-size:20px;
	font-weight: 500;
  counter-increment: list;
  background: linear-gradient(to bottom right, rgba(var(--light), .05), rgba(var(--light), 0));
  border: 1px solid rgba(var(--primary), .1);
  border-radius: 16px;
  padding: 32px;
  color:#fff;
  margin-bottom:15px;
/*   height: 100%; */
  display:flex;
  align-items: center;
  gap:20px;
}
ol li:hover {
  border-color: rgba(var(--primary), .3);
}
ol li::before {
  content: counter(list);
    font-size: 36px;
    font-weight: 700;
    aspect-ratio: 1;
    height: clamp(64px, 10vw, 80px);
    background: linear-gradient(132deg, rgb(76 70 38) 0%, rgb(46 40 5) 100%);
    box-sizing: border-box;
    border-radius: 10px;
    display: grid;
    place-content: center;
    color: rgb(var(--primary));
    box-shadow: 0px 4px 3px 0px rgb(140 90 40 / 30%);
    -webkit-box-shadow: 0px 4px 3px 0px rgb(140 90 40 / 30%);
    -moz-box-shadow: 0px 4px 3px 0px rgb(140 90 40 / 30%);
}


.qualifiedbox .service-card{text-align:center;}
.qualifiedbox .service-icon{margin:0 auto;}

/* ── accordion ─────────────────────────────────── */


.accordionbox{background: var(--card-bg);border: 1px solid rgba(var(--primary), .1);border-radius: 16px;padding: 32px;color:#fff;margin-bottom:15px;}
.accordionbox:hover {border-color: rgba(var(--primary), .3);}
.accordion-body{font-size: 1.125rem;line-height: 1.75rem;text-align: left;color: #a3a3a3;}
.accordion {--bs-accordion-bg: none !important;}
.accordion-button{padding-inline:0; font-size: 1.25rem; font-weight:600; color:#fff;}
.accordion-item{border: var(--bs-accordion-border-width) solid #2e2e2e;}
.accordion-button:not(.collapsed) {color:#fff;background:none;box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.accordion-button:focus{border-color:none; box-shadow:none;}
.accordion-button::after{background:url(https://digitalvertexmarketing.com/wp-content/uploads/2026/02/down-arrow.png); width:15px; height:15px;}
.accordion-button:not(.collapsed)::after{background:url(https://digitalvertexmarketing.com/wp-content/uploads/2026/02/down-arrow.png); width:15px; height:15px;}
.accordion-button span{background:url(https://digitalvertexmarketing.com/wp-content/uploads/2026/02/lighrarrow.png); width:15px; height:15px; margin-right:10px;
border-bottom: 2px solid #111317;;margin-bottom: -2px;display: block;height: 18px;line-height: 23px;}
.accordion-header:hover .accordion-button{color:#fac31e; text-decoration-line: underline;}
.accordion-header:hover .accordion-button::after{background:url(https://digitalvertexmarketing.com/wp-content/uploads/2026/02/down-yellowarrow.png); width:15px; height:15px;}
.accordion-header:hover .accordion-button span{background:url(https://digitalvertexmarketing.com/wp-content/uploads/2026/02/right-yellowarrow.png);
border-bottom: 2px solid #fac31e;margin-bottom: -2px;display: block;height: 18px;line-height: 23px;}
.inlineicon{display:flex; align-items:baseline;}
.inlineicon h6{font-size:14px;}

/* ------ footer --------------------*/

.site-footer{display:none;}

.mini-metric {
 background: rgb(132 130 128 / 10%);
    border: 1px solid;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
    border-color: #1a1a1a;
    transition: transform .2s, background .2s;
    font-size: 16px;
    color: #fff;
}
.mini-metric:hover{background: rgb(180 180 179 / 10%);}
.mini-metric i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: rgb(var(--primary));
  flex-shrink: 0;
}
.metric-desc{font-size:16px; color: rgb(var(--light));}
.checkcircle{font-size: 50px;
    background:#453513;
    padding: 50px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 100px;
    border: 1px solid #ccc;
    color: rgb(var(--primary));
    border-color: rgb(188 147 22);}
/* .via-transparent{background: #ab9927!important; background: linear-gradient(180deg, rgb(180 158 49 / 48%) 0%, rgba(0, 0, 0, .1) 50%)!important;} */
.via-transparent{background:radial-gradient(circle at 50% 0%, rgba(212, 163, 28, 0.45) 0%, rgba(212, 163, 28, 0.25) 20%, rgba(212, 163, 28, 0.12) 35%, rgb(2 2 2 / 95%) 60%, #000000 100%) !important;}
.iconbox .service-icon{width: auto;height: auto;background: none;border: 0;display: inline-block;font-size: 30px;}

.container{
    max-width: 1350px;
}
.container-fluid{
    max-width: 1370px;
}


.modal-content{
    background-color: #f2f1e5;
}
.modal-step{
    max-width: 1350px;
        padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-inline: auto;
}


.hero-gallery {
    columns: 3;
    column-gap: 15px;
  }

  @media (max-width: 991px) { .hero-gallery { columns: 2; } }
  @media (max-width: 575px) { .hero-gallery { columns: 2; } }

  .hero-gallery-item {
    break-inside: avoid;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
  }

  .hero-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
  }

  /* Hover overlay */
  .hero-gallery-item::after {
    content: '\F62C'; /* bi-zoom-in unicode */
    font-family: 'bootstrap-icons';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    color:#ffffff;
  }

  .hero-gallery-item:hover::after  { opacity: 1; }
  .hero-gallery-item:hover img     { transform: scale(1.04); }


  /* Modal styles */
  #galleryModal .modal-content {
    background: transparent;
    border: none;
  }

  #galleryModal .modal-body {
    padding: 8px;
  }

  #galleryModal .btn-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    padding: 10px;
    backdrop-filter: blur(4px);
  }

  #galleryModal .btn-close:hover {
    background-color: rgba(255,255,255,0.3);
  }

  #galleryModalImg {
    max-width: 100%;
  }

  /* Prev / Next buttons */
  .gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    background: rgba(255,255,255,0.12);
    border: 1px solid #d9d9d9;
    color: #fff;
    font-size: 1.5rem;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(4px);
    transition: background 0.2s;
  }

  .gallery-nav:hover          { background: rgba(255,255,255,0.28); }
  .gallery-nav.prev           { left: 16px; }
  .gallery-nav.next           { right: 16px; }
  .gallery-nav:disabled       { opacity: 0.25; cursor: default; }

  /* Counter badge */
  .gallery-counter {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.45);
    color: #fff !important;
    font-size: 0.8rem;
    line-height: normal;
    padding: 5px 14px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
    z-index: 9999;
    letter-spacing: 0.05em;
  }



/* RESPONSIVE  */

@media (min-width: 768px) {
.imgbox-sec.row:nth-child(even) {
      flex-direction: row-reverse;
}
}

@media (max-width: 768px) {
.stat-row{gap:1rem;}
.stat-num{font-size:1.5rem;}
.stat-item{padding:20px;}
.stat-row small{font-size:12px; line-height:normal;}
}

@media (max-width: 576px) {
/* .stat-row {grid-template-columns: 1fr;} */
.btn-sm {padding:3px 16px;}
.mobile-icon {background-color: rgba(var(--primary), .3);width: 36px;height: 36px;aspect-ratio: 1;border-radius: 50%;place-content: center;}
.mobile-icon i{color: rgb(var(--primary));}
.stat-item {padding: 14px;}
/* .stat-num, .getstart .stat-num{font-size:14px;} */
h1{font-size:28px;}
.custom-list{font-size:18px;}
.custom-list li{display:flex;}
.checkcircle{padding:40px; font-size:40px;}
ol li{align-items:start;}
   
	
}