/*** Industy Landing Page ***/
.page-template-industry-landing-page h1 {
    font-weight:400;
    font-size: clamp(1.8125rem, 1.05328rem + 3.19672vw, 4.25rem);
    line-height: 1.125em;
}
.page-template-industry-landing-page h2 {
    font-weight:400;
    font-size: clamp(2rem, 2.00000rem + 0.00000vw, 2rem);
    margin-bottom: 24px
}
.page-template-industry-landing-page h3 {
    font-weight:700;
    font-size: clamp(1.5rem, 1.50000rem + 0.00000vw, 1.5rem);
    text-transform: uppercase;
}
.industry-lp-background-graphics {
    background-image: url('../images/BRK-50Percent-GreyDotWave-Background-White.webp');
    background-repeat: repeat;
    padding-bottom: 100px;
}
@media screen and (max-width: 900px) {
    .industry-lp-background-graphics {
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 480px) {
    .industry-lp-background-graphics {
        padding-bottom: 8vw;
    }
}

/*** Hero Section ***/
#industry-lp-hero-section {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-top: 0;
    height: 80vh;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 768px;
}
@media screen and (max-width: 1440px) {
    #industry-lp-hero-section {
        min-height: 700px;
    }
}
@media screen and (max-width: 1368px) {
    #industry-lp-hero-section {
        min-height: 586px;
    }
}
@media screen and (max-width: 1280px) {
    #industry-lp-hero-section {
        height: 55vh;
        min-height: 500px;
    }
}
@media screen and (max-width: 1024px) {
    #industry-lp-hero-section {
        height: 63vh;
        min-height: 500px;
    }
}
@media screen and (max-width: 900px) {
    #industry-lp-hero-section {
        height: 40vh;
        min-height: 432px;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-hero-section {
        height: 26vh;
        min-height: 242px;
    }
}

#industry-lp-hero-section .hero-content-wrapper {
    display: flex;
    position: relative;
    z-index: 1;
    margin-top: -40%;
}
#industry-lp-hero-section .hero-content-wrapper h1 {
    color: var(--white);
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
#industry-lp-hero-section .hero-content-wrapper div:nth-child(1){
    width: 60%;
}
@media screen and (max-width: 1024px) {
    #industry-lp-hero-section .hero-content-wrapper div:nth-child(1) {
        width: 58%;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-hero-section .hero-content-wrapper div:nth-child(1) {
        width: 100%;
    }
}

#industry-lp-hero-section .hero-video-wrapper {
    z-index: -1;
}
#industry-lp-hero-section > div.max-width.hero-content-wrapper
#industry-lp-hero-section > .hero-image-wrapper > .hero-content-wrapper {
    display: flex;
    position: relative;
    z-index: 1;
}

/*** Intro Section ***/
#industry-lp-intro-section {
    padding-top: 100px;
}
@media screen and (max-width: 900px) {
    #industry-lp-intro-section {
        padding-top: 60px;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-intro-section {
        padding-top: 8vw;
    }
    
}

.intro-section-content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media screen and (max-width: 480px) {
    .intro-section-content-wrapper {
        flex-direction: column;
    }
}
#industry-lp-intro-section .intro-text-wrapper {
    width: 60%;
    margin: 0;
}
@media screen and (max-width: 1024px) {
    #industry-lp-intro-section .intro-text-wrapper {
        width: 50%;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-intro-section .intro-text-wrapper {
        width: 100%;
    }
}

#industry-lp-intro-section .intro-text-wrapper p {
    font-size: clamp(1.25rem, 1.05533rem + 0.81967vw, 1.875rem);
    font-weight: 200;
}
#industry-lp-intro-section .form.top {
    width: 30%;
    height: 100%;
    background-color: var(--quaternary-color);
    margin-top: -40%;
}
@media screen and (max-width: 1440px) {
    #industry-lp-intro-section .form.top {
        margin-top: -52%;
    }
}
@media screen and (max-width: 1366px) {
    #industry-lp-intro-section .form.top {
        margin-top: -44%;
    }
}
@media screen and (max-width: 1366px) {
    #industry-lp-intro-section .form.top {
        margin-top: -40%;
    }
}
@media screen and (max-width: 1024px) {
    #industry-lp-intro-section .form.top {
        margin-top: -48%;
    }
}
@media screen and (max-width: 768px) {
    #industry-lp-intro-section .form.top {
        width: 33%;
        margin-top: -54%;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-intro-section .form.top {
        width: auto;
        margin-top: 0;
    }
}

#industry-lp-intro-section .form.top ._form_element {
    margin-bottom: 12px;
}

/*** How We Help Section ***/
#industry-lp-how-we-help-section {
    padding: 100px 0;
}
@media screen and (max-width: 900px) {
    #industry-lp-how-we-help-section {
        padding: 60px 0;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-how-we-help-section {
        padding: 8vw 0;
    }
}

#industry-lp-how-we-help-section .industry-lp-columns-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
}
@media screen and (max-width: 900px) {
    #industry-lp-how-we-help-section .industry-lp-columns-wrapper {
        flex-direction: column;
    }
}

#industry-lp-how-we-help-section .industry-lp-columns-wrapper div {
    width: 48%;
}
@media screen and (max-width: 900px) {
    #industry-lp-how-we-help-section .industry-lp-columns-wrapper div {
        width: 100%;
    }
}
#industry-lp-how-we-help-section .industry-lp-columns-wrapper div img {
    width: 100%;
    height: auto;
}
/** Services Accordion Section **/
.industry-lp-services-wrapper {
    margin-top: 50px;
}
@media screen and (max-width: 480px) {
    .industry-lp-services-wrapper {
        margin-top: 8vw;
    }
}
.industry-lp-services-wrapper:nth-child(1) {
    margin-top: 0;
}
.industry-services-copy-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--quaternary-color);
    padding: 50px 50px 25px 50px;
    margin-bottom: 24px;
}
.industry-services-copy-block div {
    width: 100%;
}
.industry-services-copy-block h3 {
    color: var(--berry);
}
.industry-services-copy-block div .learn-more {
    text-align: right;
    display: block;
}
.industry-services-copy-block .learn-more-text {
    color: var(--berry) !important;
    text-align: right;
}
#industry-lp-services-section > div > div > div.industry-services-copy-block > div:nth-child(2) > span > i {
    color: var(--berry) !important;
}
.industry-services-content-block .description-block {
    margin-top: -24px;
    margin-bottom: 24px;
    padding: 50px;
    background-color: var(--white);
}
.industry-services-content-block .description-block .industry-description-cta {
    font-weight: 700;
    text-transform: uppercase;
}
.industry-services-content-block .description-block .industry-description-cta a {
    color: var(--berry);
    text-decoration: underline;
}

/*** Why BRK ***/
#industry-lp-why-brk-section {
    padding: 100px 0;
    background-color: var(--dark-blue);
}
@media screen and (max-width: 900px) {
    #industry-lp-why-brk-section {
        padding: 60px 0;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-why-brk-section {
        padding: 8vw 0;
    }
}

#industry-lp-why-brk-section h2 {
    color: var(--white);
}
#industry-lp-why-brk-section .flip-card-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: row;
    column-gap: 20px;
}
@media screen and (max-width: 1024px) {
    #industry-lp-why-brk-section .flip-card-container {
        flex-wrap: wrap;
        row-gap: 36px;
    }
}

#industry-lp-why-brk-section .flip-card-container img {
    width: 100%;
    height: auto;
    object-fit: fill;
}
@media screen and (max-width: 1024px) {
    #industry-lp-why-brk-section .flip-card-container img {
        height: 376px;
        object-fit: cover;
        object-position: top;
    }
}

#industry-lp-why-brk-section .flip-card-container .flip-card-title {
    position: absolute;
    bottom: 0;
    color: var(--white);
    text-align: left;
    background-color: var(--berry);
    padding: 20px;
    clip-path: polygon(0% 28%,
                   100% 0%,
                   100% 100%,
                    0% 100%);
    width: 100%;
}
#industry-lp-why-brk-section .flip-card-container .flip-card-title h3 {
    margin-top: 50px;
    margin-bottom: 0;
    line-height: 1em;
    width: 60%;
}
@media screen and (max-width: 1600px) {
    #industry-lp-why-brk-section .flip-card-container .flip-card-title h3 {
        font-size: 32px;
    }
}
@media screen and (max-width: 1440px) {
    #industry-lp-why-brk-section .flip-card-container .flip-card-title h3 {
        font-size: 28px;
    }
}
@media screen and (max-width: 1024px) {
    #industry-lp-why-brk-section .flip-card-container .flip-card-title h3 {
        width: 60%;
    }
}
@media screen and (max-width: 900px) {
    #industry-lp-why-brk-section .flip-card-container .flip-card-title h3 {
        width: 75%;
    }
}

#industry-lp-why-brk-section .flip-card-container .flip-card-content {
    padding: 20px;
    color: #000000;
}
@media screen and (max-width: 1024px) {
    #industry-lp-why-brk-section .flip-card-container .flip-card-content {
        padding: 50px;
    }
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 25%;
    height: 466px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
  @media  screen and (max-width: 1440px) {
    .flip-card {
        height: 390px;
    }
  }
  @media  screen and (max-width: 1366px) {
    .flip-card {
        height: 376px;
    }
  }
  @media  screen and (max-width: 1024px) {
    .flip-card {
        width: 48%;
    }
  }
  @media  screen and (max-width: 450px) {
    .flip-card {
        width: 100%;
    }
  }
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
    background-color: #bbb;
    color: black;
    overflow: hidden;
  }
  
  /* Style the back side */
  .flip-card-back {
    background-color: var(--light-berry);
    color: white;
    transform: rotateY(180deg);
    overflow: hidden;
  }

/*** Footer ***/
.page-template-industry-landing-page .mc-newsletter-form {
    display: none;
}

/*** Forms ***/
/* Remove the br tags WordPress automatically adds to the form to prevent spacing issues */
.page-template-industry-landing-page #industry-lp-intro-section .form div form br,
.page-template-industry-landing-page #industry-lp-contact-us-section form br {
    display: none;
}
/* Remove the p tags WordPress automatically adds to the form to prevent spacing issues */
.page-template-industry-landing-page #industry-lp-intro-section form p,
.page-template-industry-landing-page #industry-lp-contact-us-section form p,
.page-template-industry-landing-page #industry-lp-intro-section form ._form-content ._form_element p,
.page-template-industry-landing-page #industry-lp-contact-us-section form ._form-content ._form_element p {
    display: none;
}
#industry-lp-intro-section label._form-label,
#industry-lp-contact-us-section label._form-label {
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6em;
    color: black !important;
}
#industry-lp-intro-section > div > div > div > form > div > div > div > input[type="text"],
#industry-lp-contact-us-section > div > div > form > div > div > div > input[type="text"] {
    width: 100% !important;
    padding: 10px;
    border: none;
    border-radius: 0;
    background-color: var(--white);
    box-sizing: border-box;
}
#industry-lp-intro-section ._button-wrapper,
#industry-lp-contact-us-section ._button-wrapper {
    margin-top: 50px;
    width: 100%;
}
#industry-lp-intro-section button,
#industry-lp-contact-us-section button {
    margin: 0 auto;
    display: block;
    border-bottom: none;
}
/** Top Form **/
#industry-lp-intro-section .form.top {
    padding: 40px;
    position: relative;
    z-index: 99;
}
@media screen and (max-width: 900px) {
    #industry-lp-intro-section .form.top {
        padding: 20px;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-intro-section .form.top {
        padding: 40px;
    }
}

#industry-lp-intro-section .form.top .form-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
}
#industry-lp-intro-section .form.top .form-title span {
    font-weight: 400;
}
#industry-lp-intro-section .form.top .form-title span a {
    color: var(--berry);
}
/** Bottom Form **/
#industry-lp-contact-us-section {
    background-color: var(--quaternary-color);
    padding: 100px 0;
}
@media screen and (max-width: 900px) {
    #industry-lp-contact-us-section {
        padding: 60px 0;
    } 
}
@media screen and (max-width: 480px) {
    #industry-lp-contact-us-section {
        padding: 8vw 0;
    }
}

#industry-lp-contact-us-section h3{
    font-weight: 400;
    text-transform: none;
}
#industry-lp-contact-us-section form {
    width: 100% !important;
}
#industry-lp-contact-us-section ._form-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (max-width: 1366px) {
    #industry-lp-contact-us-section ._form-content {
       row-gap: 20px;
    }
    
}

#industry-lp-contact-us-section ._form_element{
    width: 32% !important;
}
@media screen and (max-width: 1024px) {
    #industry-lp-contact-us-section ._form_element {
        width: 46% !important;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-contact-us-section ._form_element {
        width: 100% !important;
    }
}
#industry-lp-contact-us-section ._form_element:nth-child(1),
#industry-lp-contact-us-section ._form_element:nth-child(2),
#industry-lp-contact-us-section ._form_element:nth-child(4),
#industry-lp-contact-us-section ._form_element:nth-child(5) {
    margin-right: 20px !important;
}
@media screen and (max-width: 1024px) {
    #industry-lp-contact-us-section ._form_element:nth-child(5) {
        margin-right: 0 !important;
    }
    #industry-lp-contact-us-section ._form_element:nth-child(6) {
        margin-right: 20px !important;
    }
}
@media screen and (max-width: 480px) {
    #industry-lp-contact-us-section ._form_element:nth-child(1),
    #industry-lp-contact-us-section ._form_element:nth-child(2),
    #industry-lp-contact-us-section ._form_element:nth-child(4),
    #industry-lp-contact-us-section ._form_element:nth-child(5),
    #industry-lp-contact-us-section ._form_element:nth-child(6) {
        margin-right: 0 !important;
    }
}
#industry-lp-contact-us-section ._inline-style:not(._clear)+._inline-style:not(._clear) {
    margin-left: 0 !important;
}