.elementor-29 .elementor-element.elementor-element-c472857{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-9a0c522{width:var( --container-widget-width, 100.344% );max-width:100.344%;background-color:#16263D;margin:-14% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;--container-widget-width:100.344%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-29 .elementor-element.elementor-element-9a0c522.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-field-type-html{padding-bottom:0px;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-button[type="submit"]{color:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-29 .elementor-element.elementor-element-9a0c522 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-9a0c522{margin:-12% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-9a0c522{margin:-15% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}}/* Start custom CSS for html, class: .elementor-element-45f8f70 *//* =========================================
   PANTHEON AUTHORS CONTENT
   FULLY RESPONSIVE
========================================= */

.pp-authors-content {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}


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

.pp-authors-content .pp-authors-eyebrow {
    display: block;
    width: 100%;

    margin: 0 0 14px;
    padding: 0;

    color: #ffffff;
    font-family: 'Poppins', sans-serif;

    font-size: clamp(11px, 1.2vw, 14px);
    font-weight: 600;
    line-height: 1.5;

    letter-spacing: clamp(0.5px, 0.15vw, 1.5px);
    text-transform: uppercase;
}


/* =========================================
   MAIN HEADING
========================================= */

.pp-authors-content h2 {
    width: 100%;
    max-width: 900px;

    margin: 0 auto 20px;
    padding: 0;

    color: #ffffff;
    font-family: 'Poppins', sans-serif;

    font-size: clamp(28px, 4vw, 46px);
    font-weight: 600;
    line-height: 1.2;

    word-wrap: break-word;
    overflow-wrap: break-word;
}


.pp-authors-content h2 span {
    color: #e3263f;
}


/* =========================================
   PARAGRAPH
========================================= */

.pp-authors-content p {
    width: 100%;
    max-width: 780px;

    margin: 0 auto;
    padding: 0;

    color: #ffffff;
    font-family: 'Poppins', sans-serif;

    font-size: clamp(13px, 1.35vw, 18px);
    font-weight: 400;
    line-height: 1.8;

    word-wrap: break-word;
    overflow-wrap: break-word;
}


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

@media screen and (max-width: 1024px) {

    .pp-authors-content {
        max-width: 800px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .pp-authors-content h2 {
        line-height: 1.25;
    }

    .pp-authors-content p {
        max-width: 700px;
    }
}


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

@media screen and (max-width: 767px) {

    .pp-authors-content {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }


    .pp-authors-content .pp-authors-eyebrow {
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 1.5;
        letter-spacing: 0.8px;
    }


    .pp-authors-content h2 {
        width: 100%;
        max-width: 100%;

        margin-bottom: 16px;

        font-size: 20px;
        line-height: 1.25;
    }


    .pp-authors-content p {
        width: 100%;
        max-width: 100%;

        font-size: 16px;
        line-height: 1.8;
    }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-9a0c522 */.ai-glass-form{

    background:rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.12);
    border-radius:24px;
    padding:30px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
}

/* Inputs */

.ai-glass-form input,
.ai-glass-form textarea{

    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.20) !important;
    border-radius:12px !important;

    color:#ffffff !important;

    padding:18px 20px !important;
}

/* Placeholder */

.ai-glass-form input::placeholder,
.ai-glass-form textarea::placeholder{

    color:rgba(255,255,255,.65) !important;
}

/* Focus */

.ai-glass-form input:focus,
.ai-glass-form textarea:focus{

    border-color:#C51F2F !important;

    box-shadow:0 0 0 3px rgba(197,31,47,.15);
}

/* Submit Button */

.ai-glass-form .elementor-button{

    background:#C51F2F !important;

    border:none !important;

    border-radius:12px !important;

    color:#fff !important;

    font-weight:600;

    min-height:58px;

    transition:.3s;
}

.ai-glass-form .elementor-button:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 30px rgba(197,31,47,.35);
}

/* Textarea */

.ai-glass-form textarea{

    min-height:120px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ad317d *//* =========================================================
   AUSTRALISINK PUBLISHER
   CHILDREN'S BOOK SERVICES
   PREMIUM SCROLL REVEAL
   ========================================================= */

.ai-publishing-services {
    --ai-navy: #172b49;
    --ai-navy-dark: #102139;
    --ai-red: #b5222b;
    --ai-text: #62676d;
    --ai-light: #f7f7f5;

    width: 100%;
    padding: 105px 0 115px;

    background: #ffffff;

    font-family: 'Poppins', sans-serif;

    position: relative;
    overflow: hidden;
}


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

.ai-services-container {
    width: min(92%, 1240px);
    margin: 0 auto;
}


/* =========================================================
   SERVICE ROW
   ========================================================= */

.ai-service-row {
    width: 100%;

    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: center;

    column-gap: 75px;

    margin-bottom: 135px;

    position: relative;
}


/* Last item */

.ai-service-row:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ai-service-content {
    position: relative;
    z-index: 5;
}


/* =========================================================
   NUMBER
   ========================================================= */

.ai-service-number {
    width: 46px;
    height: 46px;

    display: inline-flex;

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

    border: 1px solid rgba(181, 34, 43, 0.45);

    border-radius: 50%;

    color: var(--ai-red);

    font-family: 'Poppins', sans-serif;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 17px;

    background: #ffffff;

    transition:
        background .45s ease,
        color .45s ease,
        transform .6s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease;
}


.ai-service-row:hover .ai-service-number {
    background: var(--ai-red);

    color: #ffffff;

    transform: rotate(360deg);

    box-shadow:
        0 8px 22px rgba(181, 34, 43, .20);
}


/* =========================================================
   RED LINE
   ========================================================= */

.ai-service-line {
    width: 52px;
    height: 3px;

    background: var(--ai-red);

    margin-bottom: 22px;

    transform-origin: left center;

    transition:
        width .5s cubic-bezier(.2,.8,.2,1);
}


.ai-service-row:hover .ai-service-line {
    width: 92px;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.ai-service-content h2 {
    margin: 0 0 23px;

    color: var(--ai-navy);

    font-family: 'Poppins', sans-serif;

    font-size: clamp(36px, 3.25vw, 52px);

    line-height: 1.10;

    font-weight: 700;

    letter-spacing: -1.5px;
}


.ai-service-content h2 span {
    display: block;

    color: var(--ai-red);
}


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

.ai-service-content p {
    max-width: 565px;

    margin: 0 0 13px;

    color: var(--ai-text);

    font-family: 'Poppins', sans-serif;

    font-size: 16.5px;

    line-height: 1.85;

    font-weight: 400;
}


.ai-service-content .ai-small-text {
    color: #00000;

    font-size: 16.5px;

    line-height: 1.75;

    margin-bottom: 28px;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.ai-service-image {
    width: 100%;

    position: relative;

    z-index: 2;
}


/* =========================================================
   IMAGE FRAME
   ========================================================= */

.ai-image-frame {
    width: 100%;

    aspect-ratio: 1.38 / 1;

    position: relative;

    overflow: hidden;

    background: var(--ai-light);

    box-shadow:
        0 20px 50px rgba(23, 43, 73, .11);

    transition:
        transform .65s cubic-bezier(.2,.8,.2,1),
        box-shadow .65s ease;
}


/* =========================================================
   RED TOP/LEFT ACCENT
   ========================================================= */

.ai-image-frame::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 95px;
    height: 95px;

    border-top: 4px solid var(--ai-red);
    border-left: 4px solid var(--ai-red);

    z-index: 5;

    pointer-events: none;

    transition:
        width .5s ease,
        height .5s ease;
}


/* =========================================================
   NAVY BOTTOM/RIGHT ACCENT
   ========================================================= */

.ai-image-frame::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 75px;
    height: 75px;

    border-right: 4px solid var(--ai-navy);
    border-bottom: 4px solid var(--ai-navy);

    z-index: 5;

    pointer-events: none;

    transition:
        width .5s ease,
        height .5s ease;
}


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

.ai-image-frame img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter .7s ease;
}


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

.ai-service-row:hover .ai-image-frame {

    transform: translateY(-9px);

    box-shadow:
        0 30px 70px rgba(23, 43, 73, .18);
}


.ai-service-row:hover .ai-image-frame img {

    transform: scale(1.07);

    filter: saturate(1.08);
}


.ai-service-row:hover .ai-image-frame::before {

    width: 125px;
    height: 125px;
}


.ai-service-row:hover .ai-image-frame::after {

    width: 100px;
    height: 100px;
}


/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

.ai-image-overlay {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    padding: 50px 28px 25px;

    background:
        linear-gradient(
            to top,
            rgba(16, 33, 57, .90),
            rgba(16, 33, 57, 0)
        );

    color: #ffffff;

    font-family: 'Poppins', sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    opacity: 0;

    transform: translateY(18px);

    transition:
        opacity .45s ease,
        transform .45s ease;

    z-index: 4;
}


.ai-service-row:hover .ai-image-overlay {

    opacity: 1;

    transform: translateY(0);
}


/* =========================================================
   BUTTON WRAPPER
   ========================================================= */

.ai-service-buttons {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 11px;
}


/* =========================================================
   ALL BUTTONS
   ========================================================= */

.ai-btn {

    min-height: 48px;

    padding: 0 20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    border-radius: 4px;

    position: relative;

    overflow: hidden;

    text-decoration: none !important;

    font-family: 'Poppins', sans-serif;

    font-size: 11px;

    font-weight: 600;

    line-height: 1;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}


/* =========================================================
   GET STARTED
   PERMANENT RED
   ========================================================= */

.ai-btn-primary {

    background: var(--ai-red);

    color: #ffffff !important;

    border: 1px solid var(--ai-red);
}


/* Shine */

.ai-btn-primary::before {

    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 70%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.32),
            transparent
        );

    transform: skewX(-20deg);

    transition: left .7s ease;
}


.ai-btn-primary:hover::before {

    left: 150%;
}


.ai-btn-primary:hover {

    background: var(--ai-red);

    color: #ffffff !important;

    transform: translateY(-4px);

    box-shadow:
        0 12px 28px rgba(181,34,43,.28);
}


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

.ai-btn-arrow {

    font-size: 16px;

    display: inline-flex;

    line-height: 1;

    transition:
        transform .35s ease;
}


.ai-btn-primary:hover .ai-btn-arrow {

    transform:
        translate(3px,-3px);
}


/* =========================================================
   BOOK EXPERT BUTTON
   ========================================================= */

.ai-btn-dark {

    background: var(--ai-navy);

    color: #ffffff !important;

    border: 1px solid var(--ai-navy);
}


.ai-btn-dark:hover {

    background: var(--ai-red);

    color: #ffffff !important;

    border-color: var(--ai-red);

    transform: translateY(-4px);

    box-shadow:
        0 12px 28px rgba(23,43,73,.22);
}


/* =========================================================
   PHONE ICON
   ========================================================= */

.ai-phone-icon {

    width: 18px;
    height: 18px;

    display: inline-flex;

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

    flex-shrink: 0;

    transform-origin: center;

    animation:
        ai-phone-ring 1.8s infinite ease-in-out;
}


.ai-phone-icon svg {

    width: 16px;
    height: 16px;

    display: block;

    fill: #ffffff;
}


/* =========================================================
   PHONE RING
   ========================================================= */

@keyframes ai-phone-ring {

    0% {
        transform: rotate(0);
    }

    4% {
        transform: rotate(-14deg);
    }

    8% {
        transform: rotate(14deg);
    }

    12% {
        transform: rotate(-12deg);
    }

    16% {
        transform: rotate(12deg);
    }

    20% {
        transform: rotate(-7deg);
    }

    24% {
        transform: rotate(7deg);
    }

    28% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}


/* =========================================================
   SCROLL ANIMATION - INITIAL STATE
   ========================================================= */

/*
   IMPORTANT:
   Nothing fades back after appearing.
*/

.ai-service-row {

    opacity: 1;

    transform: none;
}


/* =========================================================
   LEFT ROW
   TEXT STARTS LEFT
   IMAGE STARTS RIGHT
   ========================================================= */

.ai-service-left .ai-service-content {

    opacity: 0;

    transform:
        translateX(-90px);
}


.ai-service-left .ai-service-image {

    opacity: 0;

    transform:
        translateX(90px);
}


/* =========================================================
   RIGHT ROW
   IMAGE STARTS LEFT
   TEXT STARTS RIGHT
   ========================================================= */

.ai-service-right .ai-service-image {

    opacity: 0;

    transform:
        translateX(-90px);
}


.ai-service-right .ai-service-content {

    opacity: 0;

    transform:
        translateX(90px);
}


/* =========================================================
   WHEN JS ADDS .AI-VISIBLE
   ========================================================= */

.ai-service-row.ai-visible .ai-service-content {

    opacity: 1;

    transform: translateX(0);

    transition:
        opacity .8s ease,
        transform .9s cubic-bezier(.16,1,.3,1);
}


.ai-service-row.ai-visible .ai-service-image {

    opacity: 1;

    transform: translateX(0);

    transition:
        opacity .8s ease .12s,
        transform 1s cubic-bezier(.16,1,.3,1) .12s;
}


/* =========================================================
   EXTRA TEXT SEQUENCE
   ========================================================= */

.ai-service-row.ai-visible .ai-service-number {

    animation:
        ai-number-pop .7s cubic-bezier(.16,1,.3,1) .25s both;
}


@keyframes ai-number-pop {

    0% {
        opacity: 0;

        transform:
            scale(.5)
            rotate(-30deg);
    }

    70% {
        transform:
            scale(1.12)
            rotate(5deg);
    }

    100% {
        opacity: 1;

        transform:
            scale(1)
            rotate(0);
    }
}


/* =========================================================
   DESKTOP SLIGHT OFFSET
   ========================================================= */

@media (min-width: 1025px) {

    .ai-service-left {

        padding-right: 5px;
    }

    .ai-service-right {

        padding-left: 5px;
    }

}


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

@media (max-width: 1024px) {

    .ai-publishing-services {

        padding: 80px 0 90px;
    }


    .ai-services-container {

        width: 90%;
    }


    .ai-service-row {

        column-gap: 45px;

        margin-bottom: 95px;
    }


    .ai-service-content h2 {

        font-size: 38px;

        letter-spacing: -1px;
    }


    .ai-service-content p {

        font-size: 12.5px;

        line-height: 1.75;
    }


    .ai-service-content .ai-small-text {

        font-size: 10.5px;
    }


    .ai-btn {

        min-height: 45px;

        padding: 0 15px;

        font-size: 10px;
    }


    /* Slightly less movement */

    .ai-service-left .ai-service-content {

        transform:
            translateX(-60px);
    }


    .ai-service-left .ai-service-image {

        transform:
            translateX(60px);
    }


    .ai-service-right .ai-service-image {

        transform:
            translateX(-60px);
    }


    .ai-service-right .ai-service-content {

        transform:
            translateX(60px);
    }

}


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

@media (max-width: 767px) {

    .ai-publishing-services {

        padding: 55px 0 70px;
    }


    .ai-services-container {

        width: 90%;
    }


    .ai-service-row,
    .ai-service-left,
    .ai-service-right {

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 28px;

        margin-bottom: 78px;

        padding: 0;
    }


    /*
       IMAGE FIRST ON MOBILE
    */

    .ai-service-image {

        order: 1;

        width: 100%;
    }


    /*
       CONTENT SECOND
    */

    .ai-service-content {

        order: 2;

        width: 100%;
    }


    /* =====================================================
       MOBILE SCROLL ANIMATION
       ===================================================== */

    .ai-service-left .ai-service-content,
    .ai-service-right .ai-service-content {

        transform:
            translateY(55px);
    }


    .ai-service-left .ai-service-image,
    .ai-service-right .ai-service-image {

        transform:
            translateY(55px);
    }


    .ai-service-row.ai-visible .ai-service-content,
    .ai-service-row.ai-visible .ai-service-image {

        transform:
            translateY(0);
    }


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

    .ai-image-frame {

        aspect-ratio: 1.25 / 1;

        box-shadow:
            0 15px 38px rgba(23,43,73,.12);
    }


    /* =====================================================
       HEADING
       ===================================================== */

    .ai-service-content h2 {

        font-size: 30px;

        line-height: 1.15;

        letter-spacing: -.7px;

        margin-bottom: 17px;
    }


    /* =====================================================
       TEXT
       ===================================================== */

    .ai-service-content p {

        font-size: 13px;

        line-height: 1.75;
    }


    .ai-service-content .ai-small-text {

        font-size: 11px;

        margin-bottom: 22px;
    }


    /* =====================================================
       NUMBER
       ===================================================== */

    .ai-service-number {

        width: 40px;
        height: 40px;

        font-size: 10px;

        margin-bottom: 14px;
    }


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

    .ai-service-line {

        width: 44px;

        margin-bottom: 18px;
    }


    /* =====================================================
       BUTTONS
       ===================================================== */

    .ai-service-buttons {

        width: 100%;

        flex-direction: column;

        align-items: stretch;

        gap: 9px;
    }


    .ai-btn {

        width: 100%;

        min-height: 48px;

        font-size: 11px;
    }


    /* =====================================================
       MOBILE IMAGE OVERLAY
       ===================================================== */

    .ai-image-overlay {

        opacity: 1;

        transform: translateY(0);

        padding: 35px 18px 17px;

        font-size: 9px;

        letter-spacing: .8px;
    }


    /* =====================================================
       SMALLER CORNERS
       ===================================================== */

    .ai-image-frame::before {

        width: 55px;
        height: 55px;

        border-width: 3px;
    }


    .ai-image-frame::after {

        width: 45px;
        height: 45px;

        border-width: 3px;
    }


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

    .ai-service-row:hover .ai-image-frame {

        transform:
            translateY(-4px);
    }


    .ai-service-row:hover .ai-image-frame img {

        transform:
            scale(1.04);
    }

}


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

@media (max-width: 480px) {

    .ai-publishing-services {

        padding: 45px 0 55px;
    }


    .ai-services-container {

        width: 91%;
    }


    .ai-service-row {

        gap: 23px;

        margin-bottom: 68px;
    }


    .ai-service-content h2 {

        font-size: 27px;

        line-height: 1.16;
    }


    .ai-service-content p {

        font-size: 12px;

        line-height: 1.75;
    }


    .ai-service-content .ai-small-text {

        font-size: 10.5px;
    }


    .ai-image-frame {

        aspect-ratio: 1.18 / 1;
    }


    .ai-btn {

        min-height: 46px;

        font-size: 10px;
    }

}


/* =========================================================
   EXTRA SMALL
   ========================================================= */

@media (max-width: 360px) {

    .ai-service-content h2 {

        font-size: 25px;
    }


    .ai-service-content p {

        font-size: 11.5px;
    }


    .ai-services-container {

        width: 92%;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ai-service-row,
    .ai-service-content,
    .ai-service-image,
    .ai-phone-icon,
    .ai-image-frame,
    .ai-image-frame img,
    .ai-service-number {

        animation: none !important;

        transition: none !important;

        opacity: 1 !important;

        transform: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afbfc45 *//* =========================================================
   AUSTRALISLINK PUBLISHER
   PREMIUM AUTHOR SUPPORT SECTION
   CLEAN NAVY VERSION
========================================================= */

#ai-author-support{
  --ai-navy:#162d50;
  --ai-navy-dark:#10233f;
  --ai-red:#e9232e;
  --ai-white:#ffffff;
  --ai-soft-white:rgba(255,255,255,.72);
  --ai-border:rgba(255,255,255,.16);

  position:relative;
  width:100%;
  overflow:hidden;

  background:#162d50;

  font-family:'Poppins',sans-serif;
  color:var(--ai-white);

  padding:105px 35px 110px;

  box-sizing:border-box;
}


/* =========================================================
   FONT
========================================================= */

#ai-author-support,
#ai-author-support *{
  font-family:'Poppins',sans-serif;
}


/* =========================================================
   REMOVE ALL BACKGROUND DECORATIONS
========================================================= */

#ai-author-support:before,
#ai-author-support:after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

#ai-author-support .ai-container{
  max-width:1320px;
  margin:0 auto;

  position:relative;
  z-index:2;
}


/* =========================================================
   SECTION HEADING
========================================================= */

#ai-author-support .ai-section-heading{
  text-align:center;

  max-width:930px;

  margin:0 auto 75px;

  opacity:0;

  transform:translateY(45px);
}


#ai-author-support .ai-eyebrow{
  display:inline-block;

  color:#e9c4c5;

  font-size:13px;
  font-weight:700;

  letter-spacing:3px;

  margin-bottom:18px;

  position:relative;
}


#ai-author-support .ai-eyebrow:before,
#ai-author-support .ai-eyebrow:after{
  content:"";

  width:32px;
  height:1px;

  background:var(--ai-red);

  display:inline-block;

  vertical-align:middle;

  margin:0 12px;
}


#ai-author-support .ai-section-heading h2{
  margin:0;

  color:#ffffff;

  font-size:52px;

  line-height:1.13;

  font-weight:600;

  letter-spacing:-1.5px;
}


#ai-author-support .ai-section-heading h2 span{
  color:#ffffff;

  position:relative;
}


#ai-author-support .ai-section-heading h2 span:after{
  content:"";

  position:absolute;

  left:0;
  bottom:-7px;

  width:100%;
  height:3px;

  background:var(--ai-red);

  transform:scaleX(.35);

  transform-origin:left;

  transition:transform .7s ease;
}


#ai-author-support.ai-animate
.ai-section-heading h2 span:after{
  transform:scaleX(1);
}


#ai-author-support .ai-section-heading p{
  max-width:720px;

  margin:24px auto 0;

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

  font-size:16px;

  line-height:1.8;

  font-weight:400;
}


/* =========================================================
   MAIN GRID
========================================================= */

#ai-author-support .ai-main-grid{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr);

  gap:80px;

  align-items:center;
}


/* =========================================================
   LEFT FAQ COLUMN
========================================================= */

#ai-author-support .ai-faq-column{
  opacity:0;

  transform:translateX(-55px);
}


#ai-author-support .ai-faq-intro{
  margin-bottom:32px;
}


#ai-author-support .ai-small-label{
  display:block;

  color:var(--ai-red);

  font-size:11px;

  font-weight:700;

  letter-spacing:2.2px;

  margin-bottom:12px;
}


#ai-author-support .ai-faq-intro h3{
  margin:0;

  color:#ffffff;

  font-size:30px;

  line-height:1.25;

  font-weight:500;

  letter-spacing:-.5px;
}


#ai-author-support .ai-faq-intro h3 strong{
  display:block;

  font-weight:600;
}


/* =========================================================
   FAQ ITEM
========================================================= */

#ai-author-support .ai-faq{
  border-bottom:1px solid var(--ai-border);

  position:relative;
}


#ai-author-support .ai-faq:first-of-type{
  border-top:1px solid var(--ai-border);
}


/* FAQ BUTTON */

#ai-author-support .ai-faq-question{
  width:100%;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:25px;

  border:0;

  outline:0;

  background:transparent;

  color:#ffffff;

  padding:24px 4px;

  cursor:pointer;

  text-align:left;

  font-size:17px;

  font-weight:500;

  transition:
    color .3s ease,
    padding-left .3s ease;
}


#ai-author-support .ai-faq-question:hover{
  color:#ffffff;

  padding-left:9px;
}


/* FAQ ROUND ICON */

#ai-author-support .ai-faq-icon{
  width:30px;
  height:30px;

  min-width:30px;

  display:flex;

  align-items:center;

  justify-content:center;

  border:1px solid rgba(255,255,255,.20);

  border-radius:50%;

  color:#ffffff;

  transition:
    transform .35s ease,
    background .35s ease,
    border-color .35s ease;
}


#ai-author-support .ai-faq-icon svg{
  width:15px;
  height:15px;
}


#ai-author-support .ai-faq.active .ai-faq-icon{
  background:var(--ai-red);

  border-color:var(--ai-red);

  transform:rotate(180deg);
}


/* =========================================================
   FAQ ANSWER
========================================================= */

#ai-author-support .ai-faq-answer{
  max-height:0;

  overflow:hidden;

  opacity:0;

  transition:
    max-height .45s ease,
    opacity .35s ease,
    padding .35s ease;
}


#ai-author-support .ai-faq.active .ai-faq-answer{
  max-height:220px;

  opacity:1;

  padding:0 4px 25px;
}


#ai-author-support .ai-faq-answer p{
  margin:0;

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

  font-size:14px;

  line-height:1.8;
}


/* =========================================================
   RIGHT IMAGE COLUMN
========================================================= */

#ai-author-support .ai-video-column{
  opacity:0;

  transform:translateX(55px);
}


/* =========================================================
   IMAGE CARD
========================================================= */

#ai-author-support .ai-video-card{
  position:relative;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.075),
      rgba(255,255,255,.025)
    );

  border:1px solid rgba(255,255,255,.14);

  border-radius:28px;

  padding:12px;

  box-shadow:
    0 30px 70px rgba(0,0,0,.22);

  backdrop-filter:blur(10px);

  overflow:hidden;

  transition:
    transform .4s ease,
    box-shadow .4s ease;
}


#ai-author-support .ai-video-card:hover{
  transform:translateY(-5px);

  box-shadow:
    0 35px 80px rgba(0,0,0,.30);
}


/* =========================================================
   IMAGE GLOW REMOVED
========================================================= */

#ai-author-support .ai-video-glow{
  display:none !important;
}


/* =========================================================
   IMAGE AREA
========================================================= */

#ai-author-support .ai-video-image{
  height:390px;

  border-radius:20px;

  overflow:hidden;

  position:relative;

  background:#0d1d34;
}


#ai-author-support .ai-video-image img{
  width:100%;
  height:100%;

  object-fit:cover;

  display:block;

  transition:
    transform .7s ease,
    filter .7s ease;
}


/* IMAGE HOVER */

#ai-author-support .ai-video-card:hover
.ai-video-image img{
  transform:scale(1.05);

  filter:brightness(.88);
}


/* =========================================================
   IMAGE CONTENT
========================================================= */

#ai-author-support .ai-video-content{
  padding:28px 20px 20px;
}


#ai-author-support .ai-video-content h3{
  margin:0 0 12px;

  color:#ffffff;

  font-size:27px;

  line-height:1.25;

  font-weight:500;

  letter-spacing:-.5px;
}


#ai-author-support .ai-video-content h3 span{
  color:var(--ai-red);
}


#ai-author-support .ai-video-content p{
  color:rgba(255,255,255,.65);

  font-size:14px;

  line-height:1.75;

  margin:0 0 24px;

  max-width:600px;
}


/* =========================================================
   BUTTON CONTAINER
========================================================= */

#ai-author-support .ai-buttons{
  display:flex;

  gap:13px;

  flex-wrap:wrap;
}


/* =========================================================
   COMMON BUTTON
========================================================= */

#ai-author-support .ai-btn{
  min-height:58px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:11px;

  padding:0 22px;

  border-radius:10px;

  text-decoration:none !important;

  font-size:14px;

  font-weight:600;

  position:relative;

  overflow:hidden;

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


/* =========================================================
   GET STARTED BUTTON
========================================================= */

#ai-author-support .ai-btn-red{
  background:var(--ai-red);

  color:#ffffff;

  box-shadow:
    0 10px 25px rgba(233,35,46,.20);
}


#ai-author-support .ai-btn-red:before{
  content:"";

  position:absolute;

  top:0;
  left:-100%;

  width:70%;
  height:100%;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.25),
      transparent
    );

  transform:skewX(-20deg);

  transition:left .7s ease;
}


#ai-author-support .ai-btn-red:hover:before{
  left:140%;
}


#ai-author-support .ai-btn-red:hover{
  color:#ffffff;

  transform:translateY(-3px);

  box-shadow:
    0 15px 35px rgba(233,35,46,.30);
}


#ai-author-support .ai-btn-red svg{
  width:17px;
  height:17px;

  transition:transform .3s ease;
}


#ai-author-support .ai-btn-red:hover svg{
  transform:translateX(4px);
}


/* =========================================================
   BOOK EXPERT BUTTON
========================================================= */

#ai-author-support .ai-btn-expert{
  background:#ffffff;

  color:var(--ai-navy);

  box-shadow:
    0 10px 25px rgba(0,0,0,.12);
}


#ai-author-support .ai-btn-expert:hover{
  color:var(--ai-navy);

  transform:translateY(-3px);

  box-shadow:
    0 15px 35px rgba(0,0,0,.20);
}


/* =========================================================
   PHONE ICON
========================================================= */

#ai-author-support .ai-phone-icon{
  width:31px;
  height:31px;

  min-width:31px;

  border-radius:50%;

  display:flex;

  align-items:center;

  justify-content:center;

  background:rgba(233,35,46,.10);

  color:var(--ai-red);

  position:relative;
}


#ai-author-support .ai-phone-icon svg{
  width:16px;
  height:16px;

  animation:
    aiPhoneRing 1.8s ease-in-out infinite;
}


/* =========================================================
   PHONE RING WAVES
========================================================= */

#ai-author-support .ai-phone-icon:before,
#ai-author-support .ai-phone-icon:after{
  content:"";

  position:absolute;

  inset:0;

  border:1px solid var(--ai-red);

  border-radius:50%;

  opacity:0;

  animation:
    aiPhoneWave 2s ease-out infinite;
}


#ai-author-support .ai-phone-icon:after{
  animation-delay:1s;
}


/* =========================================================
   SCROLL ENTRANCE ANIMATIONS
========================================================= */

#ai-author-support.ai-animate
.ai-section-heading{
  animation:
    aiFadeUp .85s cubic-bezier(.2,.7,.2,1) forwards;
}


#ai-author-support.ai-animate
.ai-faq-column{
  animation:
    aiSlideLeft .9s .18s cubic-bezier(.2,.7,.2,1) forwards;
}


#ai-author-support.ai-animate
.ai-video-column{
  animation:
    aiSlideRight .9s .30s cubic-bezier(.2,.7,.2,1) forwards;
}


/* =========================================================
   FAQ STAGGER ANIMATION
========================================================= */

#ai-author-support.ai-animate
.ai-faq:nth-of-type(2){
  animation:
    aiFadeUp .7s .45s both;
}


#ai-author-support.ai-animate
.ai-faq:nth-of-type(3){
  animation:
    aiFadeUp .7s .55s both;
}


#ai-author-support.ai-animate
.ai-faq:nth-of-type(4){
  animation:
    aiFadeUp .7s .65s both;
}


#ai-author-support.ai-animate
.ai-faq:nth-of-type(5){
  animation:
    aiFadeUp .7s .75s both;
}


/* =========================================================
   KEYFRAMES
========================================================= */

@keyframes aiFadeUp{

  from{
    opacity:0;

    transform:translateY(40px);
  }

  to{
    opacity:1;

    transform:translateY(0);
  }

}


@keyframes aiSlideLeft{

  from{
    opacity:0;

    transform:translateX(-55px);
  }

  to{
    opacity:1;

    transform:translateX(0);
  }

}


@keyframes aiSlideRight{

  from{
    opacity:0;

    transform:translateX(55px);
  }

  to{
    opacity:1;

    transform:translateX(0);
  }

}


/* =========================================================
   PHONE RING ANIMATION
========================================================= */

@keyframes aiPhoneRing{

  0%,45%,100%{
    transform:rotate(0deg);
  }

  5%{
    transform:rotate(-14deg);
  }

  10%{
    transform:rotate(14deg);
  }

  15%{
    transform:rotate(-11deg);
  }

  20%{
    transform:rotate(11deg);
  }

  25%{
    transform:rotate(0deg);
  }

}


/* =========================================================
   PHONE WAVE ANIMATION
========================================================= */

@keyframes aiPhoneWave{

  0%{
    transform:scale(.75);

    opacity:.45;
  }

  70%{
    transform:scale(1.65);

    opacity:0;
  }

  100%{
    transform:scale(1.65);

    opacity:0;
  }

}


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

@media (max-width:1024px){

  #ai-author-support{
    padding:85px 28px 90px;
  }


  #ai-author-support .ai-section-heading h2{
    font-size:44px;
  }


  #ai-author-support .ai-main-grid{
    gap:45px;
  }


  #ai-author-support .ai-video-image{
    height:340px;
  }

}


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

@media (max-width:767px){

  #ai-author-support{
    padding:70px 18px 75px;
  }


  #ai-author-support .ai-section-heading{
    margin-bottom:50px;
  }


  #ai-author-support .ai-eyebrow{
    font-size:10px;

    letter-spacing:2px;
  }


  #ai-author-support .ai-eyebrow:before,
  #ai-author-support .ai-eyebrow:after{
    width:18px;

    margin:0 7px;
  }


  #ai-author-support .ai-section-heading h2{
    font-size:33px;

    line-height:1.2;

    letter-spacing:-.7px;
  }


  #ai-author-support .ai-section-heading p{
    font-size:14px;

    line-height:1.7;
  }


  #ai-author-support .ai-main-grid{
    grid-template-columns:1fr;

    gap:55px;
  }


  #ai-author-support .ai-faq-intro h3{
    font-size:26px;
  }


  #ai-author-support .ai-faq-question{
    padding:20px 2px;

    font-size:15px;

    gap:15px;
  }


  #ai-author-support .ai-faq-icon{
    width:27px;
    height:27px;

    min-width:27px;
  }


  #ai-author-support .ai-faq-answer p{
    font-size:13px;
  }


  #ai-author-support .ai-video-card{
    border-radius:22px;
  }


  #ai-author-support .ai-video-image{
    height:280px;

    border-radius:16px;
  }


  #ai-author-support .ai-video-content{
    padding:24px 10px 12px;
  }


  #ai-author-support .ai-video-content h3{
    font-size:24px;
  }


  #ai-author-support .ai-video-content p{
    font-size:13px;
  }


  #ai-author-support .ai-buttons{
    flex-direction:column;
  }


  #ai-author-support .ai-btn{
    width:100%;

    min-height:55px;
  }

}


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

@media (max-width:480px){

  #ai-author-support .ai-section-heading h2{
    font-size:29px;
  }


  #ai-author-support .ai-video-image{
    height:245px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab21f3a */.elementor-29 .elementor-element.elementor-element-ab21f3a {
  --navy: #172b4d;
  --red: #c62828;

  width: 100%;
  overflow: hidden;
  background: #ffffff;

  padding: 110px 0 100px;
}


/* MAIN WIDTH */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-inner {
  width: min(1380px, calc(100% - 60px));
  margin: 0 auto;
}


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

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head {
  max-width: 820px;
  margin: 0 auto 65px;
  text-align: center;

  opacity: 1;
  transform: translateY(0);

  transition:
    opacity .9s ease,
    transform .9s cubic-bezier(.22,.61,.36,1);
}


/* Animation starting state ONLY after JS */

.elementor-29 .elementor-element.elementor-element-ab21f3a.bp-animation-ready .bp-portfolio-head {
  opacity: 0;
  transform: translateY(35px);
}

.elementor-29 .elementor-element.elementor-element-ab21f3a.bp-animation-ready.bp-visible .bp-portfolio-head {
  opacity: 1;
  transform: translateY(0);
}


/* LABEL */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 18px;

  color: var(--red);

  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-label span {
  width: 28px;
  height: 2px;
  background: var(--red);
}


/* HEADING */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head h2 {
  margin: 0;

  color: var(--navy);

  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5vw, 72px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -2.5px;
}

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head h2 em {
  display: block;

  color: var(--red);

  font-style: normal;
}


/* DESCRIPTION */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head p {
  max-width: 670px;

  margin: 25px auto 0;

  color: #687386;

  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.8;
}


/* =========================
   SLIDER WRAPPER
========================= */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-wrap {
  width: 100%;
  overflow: hidden;

  margin-bottom: 25px;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    #000 6%,
    #000 94%,
    transparent
  );

  mask-image: linear-gradient(
    to right,
    transparent,
    #000 6%,
    #000 94%,
    transparent
  );

  opacity: 1;
  transform: translateY(0);

  transition:
    opacity 1s ease,
    transform 1s cubic-bezier(.22,.61,.36,1);
}


/* Animation starting state */

.elementor-29 .elementor-element.elementor-element-ab21f3a.bp-animation-ready .bp-slider-wrap {
  opacity: 0;
  transform: translateY(40px);
}

.elementor-29 .elementor-element.elementor-element-ab21f3a.bp-animation-ready.bp-visible .bp-slider-wrap {
  opacity: 1;
  transform: translateY(0);
}

.elementor-29 .elementor-element.elementor-element-ab21f3a.bp-animation-ready.bp-visible .bp-slider-one {
  transition-delay: .12s;
}

.elementor-29 .elementor-element.elementor-element-ab21f3a.bp-animation-ready.bp-visible .bp-slider-two {
  transition-delay: .25s;
}


/* =========================
   TRACK
========================= */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-track {
  display: flex;
  align-items: stretch;

  width: max-content;

  gap: 22px;

  will-change: transform;

  animation:
    bpPortfolioLeft 42s linear infinite;
}


/* SECOND ROW */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-two .bp-slider-track {
  animation-name: bpPortfolioRight;
  animation-duration: 46s;
}


/* =========================
   BOOK
========================= */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-book {
  position: relative;

  width: 185px;
  height: 270px;

  flex: 0 0 185px;

  overflow: hidden;

  background: #fff;

  border: 1px solid rgba(23,43,77,.12);

  box-shadow:
    0 10px 30px rgba(23,43,77,.10);

  transition:
    transform .45s ease,
    box-shadow .45s ease;
}


/* IMAGE */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-book img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform .7s cubic-bezier(.22,.61,.36,1);
}


/* HOVER */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-book:hover {
  z-index: 5;

  transform: translateY(-10px);

  box-shadow:
    0 25px 45px rgba(23,43,77,.18);
}

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-book:hover img {
  transform: scale(1.06);
}


/* =========================
   INFINITE ANIMATION
========================= */

@keyframes bpPortfolioLeft {

  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-50% - 11px));
  }

}


@keyframes bpPortfolioRight {

  0% {
    transform: translateX(calc(-50% - 11px));
  }

  100% {
    transform: translateX(0);
  }

}


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

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-button {
  display: flex;
  justify-content: center;

  margin-top: 55px;

  opacity: 1;
  transform: translateY(0);

  transition:
    opacity .8s ease,
    transform .8s ease;
}


.elementor-29 .elementor-element.elementor-element-ab21f3a.bp-animation-ready .bp-portfolio-button {
  opacity: 0;
  transform: translateY(25px);
}


.elementor-29 .elementor-element.elementor-element-ab21f3a.bp-animation-ready.bp-visible .bp-portfolio-button {
  opacity: 1;
  transform: translateY(0);

  transition-delay: .4s;
}


/* BUTTON */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;

  min-width: 205px;

  padding: 16px 22px;

  background: var(--red);
  color: #fff;

  border: 1px solid var(--red);

  text-decoration: none;

  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;

  transition:
    all .35s ease;
}


/* ARROW */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-view-btn i {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  background: rgba(255,255,255,.15);

  font-size: 17px;
  font-style: normal;

  transition: transform .35s ease;
}


/* HOVER */

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-view-btn:hover {
  background: var(--navy);
  border-color: var(--navy);

  color: #fff;

  transform: translateY(-3px);

  box-shadow:
    0 12px 25px rgba(198,40,40,.20);
}

.elementor-29 .elementor-element.elementor-element-ab21f3a .bp-view-btn:hover i {
  transform: translate(3px,-3px);
}


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

@media (max-width: 1024px) {

  .elementor-29 .elementor-element.elementor-element-ab21f3a {
    padding: 90px 0 85px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-inner {
    width: calc(100% - 40px);
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head {
    margin-bottom: 50px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head h2 {
    font-size: 52px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-book {
    width: 160px;
    height: 235px;

    flex-basis: 160px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-track {
    gap: 18px;
  }

}


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

@media (max-width: 767px) {

  .elementor-29 .elementor-element.elementor-element-ab21f3a {
    padding: 75px 0 70px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-inner {
    width: calc(100% - 30px);
  }


  /* HEADER */

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head {
    margin-bottom: 42px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-label {
    font-size: 10px;
    letter-spacing: 2px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-label span {
    width: 20px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head h2 {
    font-size: 39px;
    line-height: 1.08;
    letter-spacing: -1.5px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head p {
    padding: 0 8px;

    margin-top: 20px;

    font-size: 13px;
    line-height: 1.7;
  }


  /* SLIDER */

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-wrap {
    margin-bottom: 18px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-track {
    gap: 14px;

    animation-duration: 32s;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-two .bp-slider-track {
    animation-duration: 36s;
  }


  /* BOOK */

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-book {
    width: 125px;
    height: 185px;

    flex-basis: 125px;
  }


  /* BUTTON */

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-button {
    margin-top: 42px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-view-btn {
    min-width: 190px;

    padding: 15px 18px;

    font-size: 11px;
  }

}


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

@media (max-width: 420px) {

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-portfolio-head h2 {
    font-size: 35px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-book {
    width: 112px;
    height: 168px;

    flex-basis: 112px;
  }

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-track {
    gap: 12px;
  }

}


/* =========================
   REDUCED MOTION
========================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-29 .elementor-element.elementor-element-ab21f3a .bp-slider-track {
    animation: none;
  }

}/* End custom CSS */