.elementor-227826 .elementor-element.elementor-element-1ff4701{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-227826 .elementor-element.elementor-element-9d7ac1d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-227826 .elementor-element.elementor-element-5a6a221{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-227826 .elementor-element.elementor-element-5a6a221:not(.elementor-motion-effects-element-type-background), .elementor-227826 .elementor-element.elementor-element-5a6a221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3EF;}.elementor-227826 .elementor-element.elementor-element-5a6a221::before, .elementor-227826 .elementor-element.elementor-element-5a6a221 > .elementor-background-video-container::before, .elementor-227826 .elementor-element.elementor-element-5a6a221 > .e-con-inner > .elementor-background-video-container::before, .elementor-227826 .elementor-element.elementor-element-5a6a221 > .elementor-background-slideshow::before, .elementor-227826 .elementor-element.elementor-element-5a6a221 > .e-con-inner > .elementor-background-slideshow::before, .elementor-227826 .elementor-element.elementor-element-5a6a221 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F5F3EF;--background-overlay:'';}.elementor-227826 .elementor-element.elementor-element-1f0738b{--spacer-size:50px;}.elementor-227826 .elementor-element.elementor-element-f44ee32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-227826 .elementor-element.elementor-element-8bad37f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-6bea501 *//* ======================================
   COMMON RISKS HERO
====================================== */

.cr-hero {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    min-height: 700px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #101010;
}


/* ======================================
   BACKGROUND IMAGE
====================================== */

.cr-hero-image {

    position: absolute;

    inset: 0;

    background-image:
        url("https://www.architecture.com.au/wp-content/uploads/Untitled-design-1-38-1.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}


/* ======================================
   DARK OVERLAY
====================================== */

.cr-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    background: linear-gradient(
        90deg,
        rgba(0,0,0,.90) 0%,
        rgba(0,0,0,.82) 20%,
        rgba(0,0,0,.70) 38%,
        rgba(0,0,0,.45) 58%,
        rgba(0,0,0,.15) 78%,
        rgba(0,0,0,.05) 100%
    );
}
 
 
/* ======================================

   HEADER CONTENT

====================================== */
 
.cr-hero-content {
 
    position: relative;
 
    z-index: 5;
 
    width: 100%;
 
    max-width: 900px;
 
    padding: 120px 8%;
 
}
 
 
/* ======================================

   EYEBROW

====================================== */
 
.cr-eyebrow {
 
    display: inline-block;
 
    color: #0db14b;
 
    font-size: 14px;
 
    font-weight: 700;
 
    letter-spacing: 1px;
 
    margin-bottom: 25px;
 
}
 
 
/* ======================================

   HEADING

====================================== */
 
.cr-hero h1 {
 
    color: #fff;
 
    text-transform: none;
 
    font-size: 74px;
 
    line-height: .95;
 
    margin: 0 0 30px;
 
}
 
 
/* ======================================

   INTRO COPY

====================================== */
 
.cr-hero p {
 
    color: #f2eee8;
 
    font-size: 20px;
 
    line-height: 1.2;
 
    margin: 0 0 45px;
 
    max-width: 600px;
 
}

/* ======================================
   IMAGE CREDIT
====================================== */

.cr-image-credit {
    position: absolute;
    bottom: 18px;
    right: 30px;
    z-index: 5;

    color: rgba(255,255,255,.75);
    font-size: 11px;
    font-style: italic;
    line-height: 1.3;

    text-align: right;
}
 
 
/* ======================================

   BUTTON

====================================== */
 
.cr-buttons {
 
    display: flex;
 
    gap: 20px;
 
    flex-wrap: wrap;
 
}
 
 
.cr-btn-primary {
 
    display: inline-flex;
 
    width: fit-content;
 
    max-width: max-content;
 
    align-items: center;
 
    justify-content: center;
 
    padding: 18px 60px;
 
    border-radius: 100px;
 
    text-decoration: none;
 
    font-weight: 600;
 
    background: #0db14b;
 
    color: #fff;
 
    transition: .3s;
 
}
 
 
.cr-btn-primary:hover {
 
    background: #0a963e;
 
    color: #fff;
 
}
 
 
/* ======================================

   TABLET

====================================== */
 
@media (max-width: 992px) {
 
    .cr-hero {
 
        min-height: 650px;
 
    }
 
    .cr-hero-content {
 
        max-width: 100%;
 
        padding: 80px 40px;
 
    }
 
    .cr-hero h1 {
 
        font-size: 56px;
 
    }
 
}
 
 
/* ======================================
   MOBILE
====================================== */

@media (max-width: 768px) {

    .cr-hero {
        min-height: 620px;
    }

    .cr-hero-content {
        padding: 70px 25px;
    }

    .cr-hero h1 {
        font-size: 42px;
        line-height: 1;
    }

    .cr-hero p {
        font-size: 18px;
    }

    .cr-btn-primary {
        width: 100%;
    }
    
      .cr-image-credit {
        bottom: 12px;
        left: 25px;
        right: 25px;

        font-size: 9px;
        text-align: right;
    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a0bc1b *//* ======================================
   GUIDES HUB — MAIN SECTION
   PAGE SPECIFIC: CR GUIDES HUB 2026
====================================== */

.cr-guides-hub-2026 {

    position: relative;

    width: 100vw;

    left: 50%;

    margin-left: -50vw;

    background: #f5f3ef;

    padding: 90px 0 110px;

}


/* ======================================
   INNER CONTAINER
====================================== */

.cr-guides-hub-inner-2026 {

    width: min(1500px, 90%);

    margin: 0 auto;

}


/* ======================================
   INTRO
====================================== */

.cr-guides-hub-intro-2026 {

    max-width: 760px;

    margin: 0 auto 65px;

    text-align: center;

}


.cr-guides-hub-kicker-2026 {

    display: inline-block;

    margin-bottom: 18px;

    color: #0db14b;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

}


.cr-guides-hub-intro-2026 h2 {

    margin: 0 0 25px;

    color: #111;

    font-size: 58px;

    line-height: .98;

    font-weight: 700;

    text-transform: none;

}


.cr-guides-hub-intro-2026 p {

    max-width: 700px;

    margin: 0 auto;

    color: #555;

    font-size: 19px;

    line-height: 1.6;

}


/* ======================================
   GUIDE GRID
====================================== */

.cr-guides-hub-grid-2026 {

    display: grid;

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

    gap: 28px;

}


/* ======================================
   GUIDE CARDS
====================================== */

.cr-guides-hub-card-2026 {

    grid-column: span 2;

    display: flex;

    flex-direction: column;

    background: #ffffff;

    border: 1px solid #e4e1dc;

    border-radius: 18px;

    overflow: hidden;

    min-height: 500px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.cr-guides-hub-card-2026:hover {

    transform: translateY(-5px);

    box-shadow: 0 20px 45px rgba(0,0,0,.10);

}


/* ======================================
   SECOND ROW
   CENTRES THE TWO REMAINING CARDS
====================================== */

.cr-guides-hub-card-2026:nth-child(4) {

    grid-column: 2 / span 2;

}


.cr-guides-hub-card-2026:nth-child(5) {

    grid-column: 4 / span 2;

}


/* ======================================
   CARD BODY
====================================== */

.cr-guides-hub-card-body-2026 {

    display: flex;

    flex-direction: column;

    flex: 1;

    padding: 42px 38px 38px;

}


/* ======================================
   CARD KICKER
====================================== */

.cr-guides-hub-card-kicker-2026 {

    margin-bottom: 18px;

    color: #0db14b;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

}


/* ======================================
   CARD TITLE
====================================== */

.cr-guides-hub-card-2026 h3 {

    margin: 0 0 20px;

    color: #111;

    font-size: 34px;

    line-height: 1.05;

    font-weight: 700;

    text-transform: none;

}


/* ======================================
   CARD DESCRIPTION
====================================== */

.cr-guides-hub-description-2026 {

    margin: 0 0 28px;

    color: #555;

    font-size: 17px;

    line-height: 1.55;

}


/* ======================================
   TICK LIST
====================================== */

.cr-guides-hub-ticks-2026 {

    list-style: none;

    margin: 0;

    padding: 0;

}


.cr-guides-hub-ticks-2026 li {

    position: relative;

    margin-bottom: 13px;

    padding-left: 30px;

    color: #333;

    font-size: 15px;

    line-height: 1.4;

}


.cr-guides-hub-ticks-2026 li::before {

    content: "✓";

    position: absolute;

    left: 0;

    top: 0;

    width: 20px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #0db14b;

    color: #fff;

    font-size: 11px;

    font-weight: 700;

}


/* ======================================
   CTA BUTTON
   PAGE SPECIFIC: CR GUIDES HUB 2026
====================================== */

.cr-guides-hub-2026 .cr-guides-hub-link-2026 {

    display: flex !important;

    align-items: center;
    justify-content: center;

    gap: 10px;

    width: 100% !important;

    margin-top: auto;

    padding: 15px 24px !important;

    border: none !important;
    border-width: 0 !important;

    border-radius: 100px !important;

    background: #0db14b !important;

    color: #ffffff !important;

    font-family: inherit;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.2;

    text-decoration: none !important;

    box-shadow: none !important;

    outline: none !important;

    cursor: pointer;

    appearance: none;

    -webkit-appearance: none;

    transition:
        background .25s ease,
        transform .25s ease;

}


/* ======================================
   HOVER
====================================== */

.cr-guides-hub-2026 .cr-guides-hub-link-2026:hover,
.cr-guides-hub-2026 .cr-guides-hub-link-2026:focus,
.cr-guides-hub-2026 .cr-guides-hub-link-2026:active {

    background: #0a963e !important;

    color: #ffffff !important;

    border: none !important;

    box-shadow: none !important;

    outline: none !important;

    transform: none;

}


/* ======================================
   ARROW
====================================== */

.cr-guides-hub-2026 .cr-guides-hub-link-2026 span {

    color: #ffffff !important;

    font-size: 20px;

    line-height: 1;

    transition: transform .25s ease;

}


.cr-guides-hub-2026 .cr-guides-hub-link-2026:hover span {

    color: #ffffff !important;

    transform: translateX(4px);

}

/* ======================================
   TABLET
====================================== */

@media (max-width: 1100px) {

    .cr-guides-hub-intro-2026 h2 {

        font-size: 50px;

    }


    .cr-guides-hub-card-body-2026 {

        padding: 35px 30px 32px;

    }


    .cr-guides-hub-card-2026 h3 {

        font-size: 29px;

    }

}


/* ======================================
   MOBILE
====================================== */

@media (max-width: 768px) {

    .cr-guides-hub-2026 {

        padding: 70px 0 80px;

    }


    .cr-guides-hub-inner-2026 {

        width: 90%;

    }


    .cr-guides-hub-intro-2026 {

        margin-bottom: 45px;

    }


    .cr-guides-hub-intro-2026 h2 {

        font-size: 42px;

        line-height: 1;

    }


    .cr-guides-hub-intro-2026 p {

        font-size: 17px;

    }


    .cr-guides-hub-grid-2026 {

        display: grid;

        grid-template-columns: 1fr;

        gap: 22px;

    }


    .cr-guides-hub-card-2026,
    .cr-guides-hub-card-2026:nth-child(4),
    .cr-guides-hub-card-2026:nth-child(5) {

        grid-column: 1;

        min-height: 0;

    }


    .cr-guides-hub-card-body-2026 {

        padding: 32px 28px 30px;

    }


    .cr-guides-hub-card-2026 h3 {

        font-size: 30px;

    }


    .cr-guides-hub-description-2026 {

        font-size: 16px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1175e51 *//* ======================================
   CLOSING PANEL
====================================== */

.cr-closing {

    position: relative;

    width: 100vw;

    left: 50%;

    margin-left: -50vw;

    background: #101010;

    padding: 110px 0;

    overflow: hidden;

}


.cr-closing-content {

    width: min(1200px, 90%);

    margin: 0 auto;

    text-align: center;

}


/* ======================================
   EYEBROW
====================================== */

.cr-closing-eyebrow {

    display: block;

    color: #0db14b;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .14em;

    margin-bottom: 25px;

}


/* ======================================
   HEADLINE
====================================== */

.cr-closing h2 {

    margin: 0;

    color: #fff;

    font-size: clamp(48px, 6vw, 32px);

    line-height: .95;

    letter-spacing: -.045em;

    text-transform: none;

}


/* ======================================
   GREEN LINE
====================================== */

.cr-closing-line {

    width: 55px;

    height: 4px;

    background: #0db14b;

    margin: 35px auto 28px;

}


/* ======================================
   BODY
====================================== */

.cr-closing p {

    max-width: 560px;

    margin: 0 auto;

    color: rgba(255,255,255,.65);

    font-size: 16px;

    line-height: 1.6;

}

/* ======================================
   MEMBERSHIP CTA BUTTON
====================================== */

.cr-membership-cta {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    padding: 40px 25px;
}

.cr-membership-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 16px 34px;

    border-radius: 999px;

    background: #0DB14B;
    color: #fff;

    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        background .2s ease,
        transform .2s ease;
}

.cr-membership-btn:hover {
    background: #0a8f3c;
    color: #fff;
    transform: translateY(-1px);
}


/* ======================================
   MOBILE
====================================== */

@media (max-width: 768px) {

    .cr-membership-cta {
        padding: 30px 20px;
    }

    .cr-membership-btn {
        width: 100%;
        max-width: 320px;
        padding: 16px 24px;
        text-align: center;
    }

}
```


/* ======================================
   MOBILE
====================================== */

@media (max-width: 600px) {

    .cr-closing {

        padding: 75px 0;

    }

    .cr-closing h2 {

        font-size: 44px;

    }

    .cr-closing p {

        font-size: 15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5abab1c *//* ======================================
   GRAVITY FORM — POPUP
====================================== */


/* FORM WRAPPER */

#cr-popup .gform_wrapper {

    margin: 0 !important;

}


/* HIDE GRAVITY FORM TITLE/DESCRIPTION */

#cr-popup .gform_heading {

    display: none !important;

}


/* ======================================
   FORM FIELDS
====================================== */

#cr-popup .gform_fields {

    display: flex !important;

    flex-direction: column !important;

    gap: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

}


/* FIELD */

#cr-popup .gfield {

    margin: 0 0 20px !important;

    padding: 0 !important;

}


/* ======================================
   FIRST + LAST NAME
====================================== */

#cr-popup .gform-grid-row {

    display: flex !important;

    gap: 18px !important;

}


#cr-popup .gform-grid-col {

    flex: 1 !important;

}


/* ======================================
   LABELS
====================================== */

#cr-popup .gfield_label,
#cr-popup .gform-field-label {

    display: block !important;

    margin: 0 0 8px !important;

    padding: 0 !important;

    color: #222 !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

}


/* REQUIRED ASTERISK */

#cr-popup .gfield_required {

    color: #cc0000 !important;

}


/* ======================================
   INPUTS
====================================== */

#cr-popup input[type="text"],
#cr-popup input[type="email"],
#cr-popup input[type="tel"],
#cr-popup input[type="number"],
#cr-popup select,
#cr-popup textarea {

    width: 100% !important;

    min-height: 52px !important;

    padding: 13px 15px !important;

    border: 1px solid #d5d5d5 !important;

    border-radius: 4px !important;

    background: #fff !important;

    color: #222 !important;

    font-family: inherit !important;

    font-size: 16px !important;

    line-height: 1.4 !important;

    box-shadow: none !important;

    outline: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;

}


/* INPUT FOCUS */

#cr-popup input[type="text"]:focus,
#cr-popup input[type="email"]:focus,
#cr-popup select:focus,
#cr-popup textarea:focus {

    border-color: #0DB14B !important;

    box-shadow:
        0 0 0 2px rgba(13,177,75,.10) !important;

}


/* ======================================
   STATE DROPDOWN
====================================== */

#cr-popup select {

    appearance: auto;

    cursor: pointer;

}


/* ======================================
   CONSENT
====================================== */

#cr-popup .gfield--type-consent {

    margin-top: 3px !important;

    margin-bottom: 24px !important;

}


#cr-popup .gfield_consent_label {

    display: inline !important;

    margin: 0 !important;

    color: #555 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;

    font-weight: 400 !important;

}


#cr-popup .gfield_consent_description {

    display: none !important;

}


/* CHECKBOX */

#cr-popup input[type="checkbox"] {

    width: 17px !important;

    height: 17px !important;

    margin: 2px 9px 0 0 !important;

    accent-color: #0DB14B;

    vertical-align: top;

}


/* ======================================
   SUBMIT BUTTON
====================================== */

#cr-popup .gform_footer {

    margin: 0 !important;

    padding: 0 !important;

}


#cr-popup input[type="submit"],
#cr-popup .gform_button {

    width: auto !important;

    min-width: 0 !important;

    min-height: 52px !important;

    padding: 16px 30px !important;

    border: 0 !important;

    border-radius: 100px !important;

    background: #0DB14B !important;

    color: #fff !important;

    font-family: inherit !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition: background .3s ease;

}


#cr-popup input[type="submit"]:hover,
#cr-popup .gform_button:hover {

    background: #0A963E !important;

    color: #fff !important;

}


/* ======================================
   PRIVACY / MICROCOPY
====================================== */

#cr-popup .gfield--type-html {

    margin: 0 0 24px !important;
    padding: 0 !important;
}


#cr-popup .cr-form-fineprint {

    color: #777;

    font-size: 12px;

    line-height: 1.5;

}


#cr-popup .cr-form-fineprint a {

    color: #555;

    text-decoration: underline;

}


/* ======================================
   ERROR MESSAGES
====================================== */

#cr-popup .validation_message {

    margin-top: 6px !important;

    padding: 0 !important;

    border: 0 !important;

    background: none !important;

    color: #cc0000 !important;

    font-size: 12px !important;

}


#cr-popup .gform_validation_errors {

    margin: 0 0 20px !important;

    padding: 12px 15px !important;

    border: 1px solid #cc0000 !important;

    background: #fff !important;

    color: #cc0000 !important;

}


/* ======================================
   MOBILE
====================================== */

@media (max-width: 600px) {

    #cr-popup .gform-grid-row {

        display: block !important;

    }

    #cr-popup .gform-grid-col {

        width: 100% !important;

    }

    #cr-popup .gform-grid-col + .gform-grid-col {

        margin-top: 20px !important;

    }

    #cr-popup input[type="submit"],
    #cr-popup .gform_button {

        width: 100% !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8bad37f *//* =====================================================
   POPUP OVERLAY
===================================================== */

.cr-popup {

    position: fixed;

    inset: 0;

    background: rgba(10,12,10,.60);

    backdrop-filter: blur(4px);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 24px;

    z-index: 99999;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition: opacity .2s ease,
                visibility .2s ease;

}


.cr-popup.active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}


/* =====================================================
   POPUP BOX
===================================================== */

.cr-popup-box {

    position: relative;

    width: 100%;

    max-width: 530px;

    max-height: 92vh;

    overflow-y: auto;

    background: #fff;

    border-radius: 20px;

    box-shadow: 0 34px 90px -30px rgba(0,0,0,.5);

}


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

.cr-popup-top {

    position: relative;

    padding: 32px 36px 0;

}


.cr-popup-kicker {

    color: #0db14b;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .16em;

    text-transform: uppercase;

    margin-bottom: 12px;

}


.cr-popup-top h2 {

    margin: 0;

    color: #111;

    font-size: 27px;

    font-weight: 800;

    line-height: 1.02;

    letter-spacing: -.035em;

    text-transform: none;

}


.cr-popup-intro {

    margin: 8px 0 0;

    color: #6d6d6d;

    font-size: 14.5px;

    line-height: 1.5;

}


/* =====================================================
   CLOSE BUTTON
===================================================== */

.cr-popup-close {

    position: absolute;

    top: 18px;

    right: 20px;

    width: 36px;

    height: 36px;

    border: none;

    border-radius: 50%;

    background: #f3f3f0;

    color: #333;

    font-size: 19px;

    line-height: 1;

    cursor: pointer;

}


.cr-popup-close:hover {

    background: #111;

    color: #fff;

}


/* =====================================================
   FORM
===================================================== */

.cr-popup-body {

    padding: 22px 36px 32px;

}


.cr-form-row {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

}


.cr-field {

    margin-bottom: 14px;

}


.cr-field label {

    display: block;

    margin-bottom: 6px;

    color: #333;

    font-size: 12.5px;

    font-weight: 700;

}


.cr-field label span {

    color: #0db14b;

}


.cr-field input,
.cr-field select {

    width: 100%;

    box-sizing: border-box;

    padding: 12px 13px;

    border: 1.5px solid #dcdcd8;

    border-radius: 8px;

    background: #fff;

    color: #111;

    font-family: inherit;

    font-size: 15px;

}


.cr-field input:focus,
.cr-field select:focus {

    outline: none;

    border-color: #0db14b;

    box-shadow: 0 0 0 3px rgba(13,177,75,.16);

}


.cr-field input.error,
.cr-field select.error {

    border-color: #d33 !important;

}


/* =====================================================
   CONSENT
===================================================== */

.cr-consent {

    display: flex;

    align-items: flex-start;

    gap: 11px;

    margin: 16px 0 4px;

    padding: 13px 14px;

    background: #f3f3f0;

    border-radius: 8px;

}


.cr-consent input {

    width: 18px;

    height: 18px;

    flex: 0 0 18px;

    margin-top: 2px;

    accent-color: #0db14b;

}


.cr-consent label {

    margin: 0;

    color: #333;

    font-size: 12.5px;

    font-weight: 500;

    line-height: 1.45;

}


/* =====================================================
   SUBMIT BUTTON
===================================================== */

.cr-submit {

    width: 100%;

    margin-top: 10px;

    padding: 15px;

    border: none;

    border-radius: 100px;

    background: #0db14b;

    color: #fff;

    font-family: inherit;

    font-size: 15px;

    font-weight: 700;

    cursor: pointer;

}


.cr-submit:hover {

    background: #0a963e;

}


/* =====================================================
   ERROR
===================================================== */

.cr-error {

    display: none;

    margin: 9px 0 0;

    color: #d33;

    font-size: 12.5px;

    font-weight: 600;

}


/* =====================================================
   MICROCOPY
===================================================== */

.cr-microcopy {

    margin: 11px 2px 0;

    color: #999;

    font-size: 11.5px;

    line-height: 1.45;

}


.cr-microcopy a {

    color: #6d6d6d;

    text-decoration: underline;

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .cr-popup {

        padding: 15px;

    }

    .cr-popup-box {

        max-height: 94vh;

        border-radius: 16px;

    }

    .cr-popup-top {

        padding: 28px 25px 0;

    }

    .cr-popup-body {

        padding: 20px 25px 28px;

    }

    .cr-form-row {

        grid-template-columns: 1fr;

        gap: 0;

    }

    .cr-popup-top h2 {

        font-size: 24px;

    }

}/* End custom CSS */