/*======================================================
  POINTBLANK DESIGN & CONSULT
  GLOBAL WEBSITE STYLES
======================================================*/
/* ===========================================================
   POINTBLANK DESIGN SYSTEM
   =========================================================== */

/* ===========================================================
   GLOBAL SECTION SPACING
=========================================================== */

.pb-section{
    padding:40px 0 !important;
}

.pb-services{
    padding:40px 0 !important;
}

.pb-selected-work{
    padding:40px 0 !important;
}

.pb-project{
    padding:40px 0 !important;
}

.pb-transformation{
    padding:40px 0 !important;
}/* ===========================================================
   GLOBAL SECTION SPACING
   =========================================================== */

.pb-section{
    padding:var(--space-s) 0 !important;
}

.pb-services{
    padding:var(--space-s) 0 !important;
}

.pb-selected-work{
    padding:var(--space-s) 0 !important;
}

.pb-project{
    padding:var(--space-s) 0 !important;
}

.pb-transformation{
    padding:var(--space-s) 0 !important;
}

/* ---------- Sections ---------- */

.pb-section{
    padding:140px 30px;
}


/* ---------- Containers ---------- */

.pb-container{
    max-width:1200px;
    margin:0 auto;
}


/* ---------- Intro Section ---------- */
/* HERO */

.pb-hero-label{

    margin-bottom:18px;

    font-size:12px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#b68d52;

}
.pb-intro{
    max-width:700px;
    margin:0 auto;
    text-align:center;
}

.pb-intro h2{
    margin:0 0 30px;
    font-size:42px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#111;
}

.pb-intro p{
    margin:0;
    font-size:18px;
    line-height:1.9;
    color:#6d6d6d;
}
/* ===========================
   PROJECT LAYOUT
=========================== */

.pb-project-type{
    margin:15px 0 35px;
    font-size:20px;
    letter-spacing:1px;
    line-height:1.5;
    color:#444;
}

.pb-project-location{
    margin:0;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:3px;
    color:#888;
}

.pb-services{
    margin-top:40px;
}

.pb-services div{
    padding:10px 0;
    border-bottom:1px solid #ececec;
    font-size:16px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#333;
}

hr{
    width:60px;
    margin:35px 0;
    border:none;
    border-top:2px solid #b68d52;
}
/* ==========================
   PROJECT
========================== */

/*======================================================
  PROJECT
======================================================*/

.pb-project-title{
    margin:0 0 45px;
    font-size:62px;
    font-weight:300;
    line-height:1;
    letter-spacing:-1px;
    color:#111;
}

.pb-project-type{
    margin:0 0 35px;
    font-size:22px;
    line-height:1.6;
    font-weight:400;
    color:#222;
}

.pb-project-location{
    margin:0 0 55px;
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#9b7a4c;
}

.pb-project-description{
    max-width:420px;
    margin:0 0 26px;
    font-size:18px;
    line-height:1.9;
    color:#555;
}

.pb-project-description:last-of-type{
    margin-bottom:0;
}

/*------------------------------------
  SERVICES PROVIDED
------------------------------------*/

.pb-project-scope{
    margin-top:60px;
}

.pb-project-scope h4{
    margin:0 0 28px;
    font-size:11px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#9b7a4c;
}

.pb-project-scope div{
    padding:16px 0;
    border-bottom:1px solid #e6dccd;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#333;
}}
/* Centre all SiteOrigin images */

.panel-grid-cell img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.pb-build-text{
    max-width:820px;
}

.pb-build-text p{
    margin:0;
}
/* Residence captions */

.pb-residence-caption{
    margin:2px 0 18px;
    font-size:12px;
    font-weight:500;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#8a8a8a;
    line-height:1.2;
}
.pb-why-text{
    max-width:820px;
}

.pb-why-text p{
    margin:0;
}
/*======================================================
  WHY POINTBLANK
======================================================*/

/* Intro */

.pb-why-heading{
    margin:0 0 18px;
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#b68d52;
}

.pb-why-title{
    margin:0;
    max-width:520px;
}

.pb-why-intro{
    max-width:520px;
    padding-top:95px;
}

.pb-why-intro p{
    margin:0;
}

.pb-why-text{
    max-width:820px;
    margin-bottom:20px;
}

.pb-why-text p{
    margin:0;
}

/* Value Cards */

.pb-value-card{
    padding:50px 30px 55px 60px;
    border-top:1px solid #efefef;
    min-height:210px;
}

.pb-value-number{
    display:block;
    margin-bottom:12px;
    font-size:58px;
    line-height:0.9;
    font-weight:300;
    color:#b68d52;
}

.pb-value-content{
    margin-left:0;
}

.pb-value-card h3{
    margin:0 0 18px;
    font-size:32px;
    font-weight:400;
    line-height:1.15;
    color:#111;
}

.pb-value-card p{
    margin:0;
    max-width:300px;
    color:#555;
    line-height:1.8;
}/*======================================================
  OUR TEAM
======================================================*/

.pb-team-heading{
    margin:0 0 18px;
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#9b7a4c;
}

.pb-team-title{
    margin:0;
    max-width:520px;
    font-size:54px;
    font-weight:300;
    line-height:1;
    letter-spacing:-1px;
    color:#111;
}

.pb-team-intro{
    max-width:560px;
    padding-top:38px;
}

.pb-team-intro p{
    margin:0;
}

.pb-team-closing{
    max-width:760px;
    margin:45px auto 0;
    text-align:center;
    font-size:28px;
    font-weight:300;
    line-height:1.5;
    color:#222;
}
/*======================================================
  START YOUR PROJECT
======================================================*/

.pb-contact-heading{
    margin:0 0 18px;
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#9b7a4c;
}

.pb-contact-title{
    margin:0;
    max-width:520px;
    font-size:54px;
    font-weight:300;
    line-height:1;
    letter-spacing:-1px;
    color:#111;
}

.pb-contact-intro{
    max-width:560px;
    padding-top:78px;
}

.pb-contact-intro p{
    margin:0;
}

/*======================================================
  CALL TO ACTION BUTTON
======================================================*/

.pb-contact-cta{
    text-align:center;
    margin:30px 0 45px;
}

.pb-contact-button{
    display:inline-block;
    padding:18px 36px;
    border:2px solid #b68d52;
    color:#b68d52;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:13px;
    font-weight:600;
    transition:all .3s ease;
}

.pb-contact-button:hover{
    background:#b68d52;
    color:#fff;
}

/*======================================================
  CONTACT DETAILS
======================================================*/

.pb-contact-details{
    max-width:1100px;
    margin:0 auto;
}

.pb-contact-item{
    text-align:center;
    font-size:17px;
    line-height:1.7;
    color:#555;
}

.pb-contact-label{
    margin-bottom:16px;
    font-size:11px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#9b7a4c;
}

.pb-contact-item a{
    color:#333;
    text-decoration:none;
    transition:.3s;
}

.pb-contact-item a:hover{
    color:#b68d52;
}
.pb-contact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    max-width:1100px;
    margin:0 auto;
    align-items:start;
}

.pb-contact-item{
    text-align:center;
}

.pb-contact-label{
    margin-bottom:18px;
    font-size:11px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#9b7a4c;
}

.pb-contact-item a,
.pb-contact-item{
    font-size:17px;
    line-height:1.8;
    color:#555;
    text-decoration:none;
}

.pb-contact-item a:hover{
    color:#b68d52;
}
/*======================================================
  SERVICES
======================================================*/

.pb-service{
    padding-right:20px;
}

.pb-service h3{
    margin:0 0 18px;
    font-size:18px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#111;
}

.pb-service-line{
    width:90px;
    height:2px;
    background:#b68d52;
    margin-bottom:32px;
}

.pb-service p{
    margin:0;
    font-size:18px;
    line-height:1.8;
    color:#555;
}
/* SELECTED WORK */

.pb-selected-intro{

    max-width:700px;
    margin:0 auto;

}

.pb-selected-intro p{

    margin:0;
    color:#555;
    line-height:1.9;

}
/*======================================================
  SELECTED WORK
======================================================*/

.pb-selected-title{
    margin:12px auto 40px !important;
}

.pb-selected-intro{
    max-width:760px;
    margin:0 auto;
    text-align:center;
}

.pb-selected-intro p{
    margin:0;
    font-size:18px;
    line-height:1.9;
    color:#555;
}
/*======================================================
  TRANSFORMATION
======================================================*/

.pb-transform-title{
    margin:12px auto 40px;
    max-width:700px;
    font-size:42px;
    font-weight:300;
    line-height:1.2;
    letter-spacing:-1px;
    color:#111;
    text-align:center;
}

.pb-residence-caption{
    margin-top:18px;
    font-size:14px;
    font-weight:500;
    letter-spacing:1px;
    text-transform:none;
    color:#555;
    text-align:center;
}
/*======================================================
  TRANSFORMATION IMAGES
======================================================*/

.pb-transformation .panel-grid-cell{
    text-align:center;
}

.pb-transformation img{
    display:block;
    margin:0 auto;
}

.pb-transformation .sow-image-container{
    text-align:center;
}
/*======================================================
  TRANSFORMATION IMAGES
======================================================*/

.pb-transformation .panel-grid-cell{
    text-align:center;
}

.pb-transformation .so-widget-sow-image{
    text-align:center;
}

.pb-transformation .sow-image-container{
    width:100%;
    text-align:center;
}

.pb-transformation .sow-image-container img{
    display:inline-block;
    margin:0 auto;
}
/*======================================================
  THE BUILD
======================================================*/

.pb-build-title{
    margin:12px 0 35px;
    max-width:700px;
    font-size:42px;
    font-weight:300;
    line-height:1.2;
    letter-spacing:-1px;
    color:#111;
}

.pb-build-text{
    max-width:820px;
}

.pb-build-text p{
    margin:0 0 28px;
}

.pb-build-text .pb-image-label{
    margin-top:45px;
}
.transform-image img{
    display:block;
    margin:0 auto;
}