/* =========================================
   DESKTOP CONTAINER
========================================= */

.container {

    max-width: 1200px;

}

/* =========================================
   DESKTOP TYPOGRAPHY
========================================= */

h1 {
    font-size: 72px;
}

h2 {
    font-size: 52px;
}

.display-text {
    font-size: 72px;
}


/* =========================================
   DESKTOP HEADER
========================================= */

.header-inner {

    padding-top: var(--bb-space-sm);
    padding-bottom: var(--bb-space-sm);

}

.logo img {

    height: 61px;

}

.hero-section {

    padding-top: var(--bb-space-xxl);
    padding-bottom: var(--bb-space-xxl);

}

/* =========================================
   HERO LOGO DESKTOP
========================================= */



.hero-inner{
display:flex;
align-items:flex-start;
justify-content:center;
gap:80px;

max-width:1200px;
margin:auto;
text-align:left;
}

.hero-logo svg {
    width: 520px;
}

.hero-title{
font-size:52px;
}

.hero-subtitle{
font-size:20px;
max-width:500px;
}

.hero-cta{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
}

/*====================================
  start Buildbrand beleif section
====================================*/

  .bb-belief-top {
    margin-left: 10%;
  }

  .bb-belief-middle {
    margin-left: 52%;
  }

  .bb-belief-sequence {
    margin-left: 70%;
  }

/*====================================
  End Buildbrand beleif section
====================================*/


.bb-pillars{

display:grid;
grid-template-columns:repeat(3,1fr);

gap:var(--bb-space-xl);

margin-top:var(--bb-space-xl);

}

.bb-pillar{

position:relative;

padding-top:var(--bb-space-sm);

}

.bb-pillar::before{

content:"";

position:absolute;

top:0;

left:50%;
transform:translateX(-50%);

width:40px;
height:2px;

background:var(--bb-yellow);

}

.bb-pillar-title{

font-size:var(--bb-text-lg);

margin-bottom:var(--bb-space-sm);

}

.bb-pillar-text{

font-size:var(--bb-text-md);

line-height:1.7;

color:var(--bb-text-secondary);

}


/* start Desktop overrides for section bb-process */



/* End Desktop overrides for section bb-process */


/* start AUTHORITY SECTION desktop overrides */
.bb-authority-grid{

display:grid;

grid-template-columns:420px 1fr;

gap:80px;

align-items:center;

}

.bb-authority-stats{

flex-direction:row;

gap:60px;

}
/* End AUTHORITY SECTION */


/* =========================================
start DESKTOP — IS THIS FOR YOU
========================================= */

.bb-fit-grid{

grid-template-columns:1fr 1fr;

gap:120px;

max-width:1000px;

margin-left:auto;
margin-right:auto;

}


/* COLUMN ALIGNMENT */

.bb-fit-col{

max-width:420px;

}

/* LEFT COLUMN */
.bb-fit-col:first-child{

margin-left:auto;

}

/* RIGHT COLUMN */
.bb-fit-col:last-child{

margin-right:auto;

opacity:0.75;

}


/* TITLE SCALE */

.bb-fit-title{

font-size:48px;

}
/* =========================================
End DESKTOP — IS THIS FOR YOU
========================================= */

/* =========================================
start  CONSULTATION CTA SECTION desktop overrides
========================================= */
.bb-cta-title{
font-size:52px;
}

.bb-cta-box{
padding:40px;
}
/* =========================================
End  CONSULTATION CTA SECTION desktop overrides
========================================= */
.bb-contact-lite{

padding:var(--bb-space-xl) 0;

}

.bb-contact-lite-inner{
max-width:1000px;
margin:auto;
}
/* =========================================
 start  SMART CONTACT (SECONDARY)
========================================= */


/* =========================================
End  SMART CONTACT (SECONDARY)
========================================= */



/* =========================================
 start  PROOF / CASE STUDIES SECTION
========================================= */
.bb-case-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:var(--bb-space-xl);
}
/* =========================================
 End  PROOF / CASE STUDIES SECTION
========================================= */


/* Testimonial */
.bb-testimonial-card{
min-width:420px;
}


/* =========================================
   OUTCOME SECTION
========================================= */
.bb-outcomes-grid{

display:grid;
grid-template-columns:repeat(3,1fr);

gap:var(--bb-space-xl);

}

.bb-outcome-card{
padding:var(--bb-space-lg);
}


/* =========================================
Start  FOOTER
========================================= */
.bb-footer-main{

flex-direction:row;
justify-content:space-between;
align-items:flex-start;

}

.bb-footer-right{
align-items:flex-end;
}
/* =========================================
 End  FOOTER
========================================= */