.elementor-2486 .elementor-element.elementor-element-3635e4f{--display:flex;}.elementor-2486 .elementor-element.elementor-element-54f4507a{--display:flex;}.elementor-2486 .elementor-element.elementor-element-5940ecd8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2486 .elementor-element.elementor-element-36b2cdd0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2486 .elementor-element.elementor-element-4623a42d{--display:flex;}.elementor-2486 .elementor-element.elementor-element-bfcc394 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2486 .elementor-element.elementor-element-bfcc394 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2486 .elementor-element.elementor-element-bfcc394{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2486 .elementor-element.elementor-element-bfcc394 .elementor-icon-list-text{transition:color 0.3s;}.elementor-2486 .elementor-element.elementor-element-64ee0705{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   PUBLICATION TECHNOLOGY – PROTOCALC
   The outer pale-blue box is supplied by:
   .pwp-publication-technology__box
   ============================================================ */


/* ============================================================
   MAIN INNER CONTENT
   ============================================================ */

.pwp-tech-use {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
}


/* ============================================================
   TITLE + SUBTITLE
   ============================================================ */

.pwp-tech-use-heading {
    margin: 0 0 28px;
    padding: 0;
    gap: 2px;
}


/* Main title */

.pwp-tech-use-heading > .elementor-widget-heading:first-child
.elementor-heading-title {
    margin: 0 !important;
    color: #263444 !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}


/* Subtitle */

.pwp-tech-use-heading > .elementor-widget-heading:nth-child(2)
.elementor-heading-title {
    margin: 0 !important;
    color: #8193a6 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}


/* ============================================================
   IMAGE + INSTRUMENT DETAILS
   ============================================================ */

.pwp-tech-use-top {
    width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    gap: 34px;
    align-items: stretch;
    margin: 0 0 28px;
}


/* Prevent Elementor flex settings overriding grid widths */

.pwp-tech-use-image,
.pwp-tech-use-points {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    min-width: 0;
}


/* ============================================================
   SCHEMATIC IMAGE
   ============================================================ */

.pwp-tech-use-image {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Support either Elementor Image widget or an image in Text Editor */

.pwp-tech-use-image .elementor-widget-image,
.pwp-tech-use-image .elementor-widget-text-editor {
    width: 100%;
    margin: 0;
}

.pwp-tech-use-image p {
    margin: 0 !important;
}


/* Actual image */

.pwp-tech-use-image img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0;
    background: #ffffff;
    border: 1px solid #b9d9ea;
    border-radius: 5px;
    box-sizing: border-box;
}


/* ============================================================
   IN THE INSTRUMENT
   ============================================================ */

.pwp-tech-use-points {
    padding: 0 0 0 28px;
    border-left: 1px solid #79bde4;
}


/* Heading */

.pwp-tech-use-points > .elementor-widget-heading {
    margin: 0 0 20px !important;
}

.pwp-tech-use-points > .elementor-widget-heading
.elementor-heading-title {
    margin: 0 !important;
    color: #169bdd !important;
    font-size: 21px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}


/* Icon list widget */

.pwp-tech-use-points .elementor-widget-icon-list {
    margin: 0 !important;
}


/* List */

.pwp-tech-use-points .elementor-icon-list-items {
    margin: 0 !important;
    padding: 0 !important;
}


/* Individual rows */

.pwp-tech-use-points .elementor-icon-list-item {
    display: flex !important;
    align-items: center !important;
    gap: 13px;
    margin: 0 0 13px !important;
}


/* ============================================================
   SMALL BLUE CIRCULAR ICONS
   ============================================================ */

.pwp-tech-use-points .elementor-icon-list-icon {
    display: flex !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

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

    margin: 0 !important;
    padding: 0 !important;

    background: #13a4e6;
    border-radius: 50%;

    line-height: 1 !important;
    box-sizing: border-box;
}


/* Font Awesome icon */

.pwp-tech-use-points .elementor-icon-list-icon i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 15px !important;
    height: 15px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1 !important;
}


/* SVG icon */

.pwp-tech-use-points .elementor-icon-list-icon svg {
    display: block !important;

    width: 15px !important;
    height: 15px !important;

    margin: 0 !important;
    padding: 0 !important;

    fill: #ffffff !important;
}


/* List text */

.pwp-tech-use-points .elementor-icon-list-text {
    padding: 0 !important;
    color: #263444 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}


/* ============================================================
   WHY IT WAS NEEDED
   ============================================================ */

.pwp-tech-use-bottom {
    width: 100%;
    margin: 0;
    padding: 22px 0 0;
    border-top: 1px solid #79bde4;
}


/* Heading */

.pwp-tech-use-bottom > .elementor-widget-heading {
    margin: 0 0 10px !important;
}

.pwp-tech-use-bottom > .elementor-widget-heading
.elementor-heading-title {
    margin: 0 !important;
    color: #169bdd !important;
    font-size: 21px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}


/* Paragraph */

.pwp-tech-use-bottom .elementor-widget-text-editor {
    margin: 0 !important;
}

.pwp-tech-use-bottom .elementor-widget-text-editor p {
    margin: 0 !important;
    color: #263444 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}


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

@media (max-width: 1024px) {

    .pwp-tech-use-top {
        grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
        gap: 24px;
    }

    .pwp-tech-use-points {
        padding-left: 20px;
    }
}


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

@media (max-width: 767px) {

    .pwp-tech-use-heading {
        margin-bottom: 22px;
    }

    .pwp-tech-use-heading > .elementor-widget-heading:first-child
    .elementor-heading-title {
        font-size: 20px !important;
    }

    .pwp-tech-use-heading > .elementor-widget-heading:nth-child(2)
    .elementor-heading-title {
        font-size: 16px !important;
    }

    .pwp-tech-use-top {
        display: block !important;
        margin-bottom: 24px;
    }

    .pwp-tech-use-image {
        margin-bottom: 26px;
    }

    .pwp-tech-use-points {
        padding-left: 0;
        border-left: 0;
    }

    .pwp-tech-use-points > .elementor-widget-heading {
        margin-bottom: 16px !important;
    }

    .pwp-tech-use-points > .elementor-widget-heading
    .elementor-heading-title,
    .pwp-tech-use-bottom > .elementor-widget-heading
    .elementor-heading-title {
        font-size: 19px !important;
    }

    .pwp-tech-use-points .elementor-icon-list-icon {
        flex-basis: 34px !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }

    .pwp-tech-use-points .elementor-icon-list-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
}/* End custom CSS */