/*===================================================================*/
/*   END HERO STYLES                                                 */
/*===================================================================*/
/*===================================================================*/
/*   SECOND SECTION - FLYOUTS                                        */
/*===================================================================*/
@media screen and (max-width: 960px) {
    .at2025services_image-div {
        display: none;
    }


    .at2025services_section {
        padding: 25px 0;
    }

    .at2025services_item {
        width: 100%;
    }

    .at2025services_image-wrapper {
        width: 93%;
        min-height: 170px;
        overflow: hidden;
        position: relative;
    }

        .at2025services_image-wrapper img {
            max-width: none;
            display: block;
            width: 159%;
            height: auto;
            margin-left: -59%;
        }


    .at2025services_titleWrap {
        padding: 0 30px;
    }


    h2.at2025services_title {
        font-size: 60px;
        font-weight: 300;
        margin-top: 17px;
        margin-bottom: 24px;
        text-transform: none;
        color: #000;
    }

    h3.at2025services_subtitle {
        font-weight: 600;
        font-size: 26px;
        margin-bottom: 40px;
        color: #000 !important;
    }




    .at2025services_text {
        background: url(/-/media/aspentech/home/resources/interactive-infographic/images/fy25/grouptwo-background_shape.png) !important;
        background-position: 98% top !important;
        background-repeat: no-repeat !important;
        background-size: 190% !important;
        padding-top: 54px !important;
        width: 100% !important;
        padding-bottom: 70px !important;
    }

    p.at2025services_textInner {
        padding: 0 30px;
        font-size: 22px;
        font-weight: 300;
        line-height: 34px;
        margin-bottom: 0 !important;
        width: 90%;
        color: #0c233d !important;
    }

        p.at2025services_textInner a {
            color: #0c233d !important;
        }

    .carat-link {
        display: inline-block;
        font-size: 26px;
        font-weight: 800;
        line-height: 1;
        vertical-align: middle;
        /* aligns with baseline text */
        position: relative;
        top: -2px;
        text-decoration: none;
        color: #0078C9 !important;
    }


    .at2025services_arrow {
        display: none;
    }
}

.at2025services_section .carat-link {
    color: #0078C9 !important;
}

@media screen and (min-width: 960px) {
    .at2025services_image-inner-wrapper img {
        display: none;
    }
    /* outer wrapper */
    .at2025services_section {
        background: #FFF;
        /* background: linear-gradient(0deg, rgba(160, 208, 234, .5) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 90%, rgba(160, 208, 234, .5) 100%); */
        padding: 0;
    }
    /* inner wrapper */
    .at2025services_container {
        padding-top: 50px;
        display: flex;
        flex-direction: column;
    }
    /* item wrapper and image */
    .at2025services_item {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 8px 0 22px 0;
    }

    .at2025services_image-wrapper {
        width: 40%;
        transition: width .5s;
        align-self: flex-start;
    }

    .at2025services_image-inner-wrapper {
        width: calc(100% + 30vw);
        margin-left: -30vw;
    }

    .at2025services_image-div {
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        padding-bottom: 25%;
        background-position: right center;
    }
    /* copy - fonts colors etc */
    .at2025services_content {
        /*flex: 1;*/
        align-self: baseline;
        margin-left: 0;
        width: 48%;
        padding-top: 5px;
        transition: all 0.5s;
    }


    .at2025services_titleWrap {
        margin-left: 72px;
    }


    h3.at2025services_subtitle {
        font-weight: 600;
        font-size: 24px !important;
        margin-bottom: 21px;
        color: #000 !important;
    }





    h2.at2025services_title {
        font-size: 60px;
        font-weight: 300;
        color: #111;
        transition: all .5s;
        text-transform: none !important;
        margin-top: 5px;
        margin-left: -2px;
    }

    .at2025services_text {
        font-size: 22px;
        line-height: 1.2;
        color: #444;
        position: relative;
        background: url(/-/media/aspentech/home/resources/interactive-infographic/images/fy25/grouptwo-background_shape.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding-left: 74px;
        padding-top: 45px;
        padding-right: 60px;
        font-weight: 300;
    }

    .carat-link {
        display: inline-block;
        font-size: 26px;
        font-weight: 800;
        line-height: 1;
        vertical-align: middle;
        position: relative;
        top: -2px;
        text-decoration: none;
        color: #0078C9 !important;
        /* Initial hidden state (desktop) */
        opacity: 0;
        transform: translateX(-20px);
        transition: opacity 1s ease, transform 1s ease;
    }

    .at2025services_item:hover .carat-link {
        opacity: 1;
        transform: translateX(0);
    }
    /* Bounce keyframes */
    @keyframes caratBounce {
        0% {
            transform: translateX(0);
        }

        10% {
            transform: translateX(6px);
        }

        20% {
            transform: translateX(-3px);
        }

        30% {
            transform: translateX(3px);
        }

        40% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(0);
        }
    }
    /* Bounce animation once the carat is visible */
    .at2025services_item:hover .carat-link {
        animation: caratBounce 4s ease-in-out infinite;
    }
}

@media screen and (min-width: 1200px) {
    .at2025services_image-inner-wrapper {
        width: calc(100% + 20vw);
        margin-left: -20vw;
    }
}



@media screen and (min-width: 1600px) {
    .at2025services_content {
        /*flex: 1;*/
        margin-left: -1.6vw;
    }

    .at2025services_image-wrapper {
        width: 33.5%;
    }

    .at2025services_image-inner-wrapper {
        margin-left: -.2vw;
        width: calc(100% + .2vw);
        transition: all .5s;
    }

    .at2025services_image-div {
        padding-bottom: 28%;
    }
}

/* Hover effects � image only */
@media screen and (min-width: 960px) and (hover:hover) and (pointer:fine) {
    /*headline color animation */
    .at2025services_item:hover .at2025services_title {
        color: #0078C9;
        /*font-weight:700;*/
        text-shadow: -1px -1px 0 #0078C9, 1px -1px 0 #0078C9, -1px 1px 0 #0078C9, 1px 1px 0 #0078C9;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .at2025services_item:hover .at2025services_image-wrapper {
        width: 50%;
    }

    .at2025services_item:hover .at2025services_content {
        margin-left: 1vw;
    }
}

/* close 960 hover media query*/
@media screen and (min-width: 1600px) and (hover:hover) and (pointer:fine) {
    .at2025services_item:hover .at2025services_image-wrapper {
        width: 56%;
    }

    .at2025services_item:hover .at2025services_image-inner-wrapper {
        margin-left: -7vw;
        width: 100%;
    }

    .at2025services_item:hover .at2025services_content {
        margin-left: -7.5vw;
        padding-top: 92px;
    }
}