/** GLOBAL */
.page-template-front-page-ai .app-header>.app-container {
    max-width: 1200px;
}

.page-template-front-page-ai .app-header {
    background: #121218;
}

.page-template-front-page-ai .app-header.fixed {
    background: rgba(22,22,29, .9) !important;
}

.app-header__btns .app-category-link.app-category-link--active {
    background: #16161d;
    color: #fff;
    border: 2px solid #fff;
    transition: .2s ease-in-out;
}

.app-header__btns .app-category-link.app-category-link--active:hover {
    background-color: #fff;
    color: #16161d;
}

.app-header .ltm-link--white {
    background-color: #fff;
    color: #16161d;
    font-weight: 400;
    font-size: 14px;
    border: 2px solid #fff;
}

.app-header .ltm-link--white:hover {
    color: #fff;
    background-color: #16161d;
}

.btn-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

a.ltm-link.ltm-link--black.ltm-link--md {
    height: 48px;
    padding: 12px 20px;
    border-radius: 48px;
    background: #1F1F1F;
    width: 100%;
    min-width: 260px;
    max-width: 260px;
}

a.ltm-link.ltm-link--black.ltm-link--md .ltm-link__text {
    color: #FFF;
}

a.ltm-link.ltm-link--black.ltm-link--transparent.ltm-link--md {
    border-radius: 48px;
    border: 1px solid #000;
    background: #FFF;
    margin-left: 0 !important;
}

a.ltm-link.ltm-link--black.ltm-link--transparent.ltm-link--md .ltm-link__text {
    color: #000;
}

@media(min-width:768px) {
    .btn-holder {
        flex-direction: row;
    }

    a.ltm-link.ltm-link--black.ltm-link--md {
        height: 64px;
        padding: 24px 20px;
        width: auto;
    }
}

@media (max-width: 767px) {
    .hp-intro__content .btn-holder a.ltm-link{
        min-width: 300px;
    }
}

.gradient-static {    
	background: linear-gradient(90deg, #5879EE 0%, #A769F6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

span.blue {
    color: #5879EE;
}


/**INTRO SECTION**/
section.ai-intro {
    padding: 64px 0 0;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 25.02%),
        linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 8.52%),
        radial-gradient(50.46% 29.72% at 100% 58.64%, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%),
        radial-gradient(77.52% 55.01% at 50% 0%, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%),
        radial-gradient(63.39% 44.99% at 50% 100%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%),
        linear-gradient(0deg, #E5F0FF 0%, #E5F0FF 100%), #FFF;
    background: radial-gradient(86.76% 48.89% at 50% 103.47%,
            rgba(255, 133, 65, 0.50) 0%,
            rgba(246, 75, 101, 0.50) 20%,
            rgba(167, 105, 246, 0.50) 40%,
            rgba(88, 121, 238, 0.50) 50%,
            rgba(0, 82, 204, 0.50) 60%,
            rgba(22, 22, 29, 0.50) 100%), #16161D;
    color: #fff;
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.ai-intro .hp-intro__content {
    gap: 32px;
}

.ai-intro h1,
.ai-intro .wp-block-paragraph,
.ai-intro .section__description {
    text-align: center;
    margin: 0 0 24px;
    color: #fff
}

h2.section__title,
.section__description {
    text-align: center;
    margin: 0 0 32px;
    color: #16161D
}

.ai-intro h1 {
    font-size: 36px;
    line-height: 1.125;
}

h2.section__title {
    font-size: 36px;
}

.ai-intro .wp-block-paragraph,
.section__description,
.section__description p {
    font-size: 20px;
    line-height: 1.25;
    font-weight: 500;
}

.section__description span.small {
    font-size: 14px
}

.ai-intro .grey {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
    width: 100%;
}

.ai-intro .img-holder {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.section__description .align-items-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.ai-intro .btn-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 0;
    gap: 12px;
}

.ai-intro .ltm-link.ltm-link--black.ltm-link--md {
    height: 60px;
    padding: 8px 46px;
    justify-content: center;
    min-width: 0;
}

.ltm-link--transparent.ltm-link--md {
    margin-left: 0 !important;
}

.ltm-link--md .ltm-link__icon.calendar {
    border-radius: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 19H22' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 2V6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M19 16V22' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M21 12.598V6C21 5.46957 20.7893 4.96086 20.4142 4.58579C20.0391 4.21071 19.5304 4 19 4H5C4.46957 4 3.96086 4.21071 3.58579 4.58579C3.21071 4.96086 3 5.46957 3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H13.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M3 10H21' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 2V6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    filter: brightness(1);
}

.ltm-link--md .ltm-link__icon.calendar:before,
.ltm-link--md .ltm-link__icon.calendar:after {
    width: 0;
    height: 0;
}

.ai-intro .ltm-link--black .ltm-link__icon:before,
.ai-intro .ltm-link--black .ltm-link__icon:after,
.ltm-link--white.ltm-link--transparent .ltm-link__icon:before,
.ltm-link--white.ltm-link--transparent .ltm-link__icon:after {
    width: 24px;
    height: 24px;
    background: url(../img/sprite-svg-52aa6cf0.svg) no-repeat;
    background-position: 0 47.608696%;
    filter: invert(1);
}

.ltm-link--white.ltm-link--transparent .ltm-link__icon:before,
.ltm-link--white.ltm-link--transparent .ltm-link__icon:after {
    background-position: 0px 42.6087%;
    filter: brightness(0);
}

.ltm-link.ltm-link--white.ltm-link--transparent:hover {
    color: #fff;
}


.ai-intro .ltm-link.ltm-link--black.ltm-link--transparent.ltm-link--md {
    border: 2px solid #000;
    background-color: transparent;
    width: 100%;
}

.ai-intro .ltm-link.ltm-link--black.ltm-link--transparent.ltm-link--md:hover {
    background-color: #fff;
}

.ai-intro .ltm-link.ltm-link--black.ltm-link--transparent.ltm-link--md .ltm-link__text {
    color: #000;
}

.ai-intro .ltm-link--transparent .ltm-link__icon:after,
.ai-intro .ltm-link--transparent .ltm-link__icon:before {
    filter: brightness(0);
}

.ai-intro .ltm-link.ltm-link--black.ltm-link--md {
    background-color: #000;
    width: 100%;
}

.ai-intro .ltm-link.ltm-link--black.ltm-link--md .ltm-link__text {
    color: #fff;
}

.brands__wrap {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 100px;
    mask-image: linear-gradient(to right, hsl(240 7% 39% / 0), hsl(240 7% 39% / 1) 20%, hsl(240 7% 39% / 1) 80%, hsl(240 7% 39% / 0));
}

.brands__list {
    flex-shrink: 0;
    display: flex;
    /* gap: 30px; */
    counter-reset: item;
    justify-content: space-around;
    min-width: 100%;
    /*  animation: scroll 30s linear infinite; */
}

.hp-brands__item {
    flex: 0 0 auto;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #fff;
    margin: 0;
    width: auto;
    transition: all 0.1s ease-in-out;
    max-width: 163px;
}

.ai-intro .hp-brands {
    margin-bottom: 0;
}

.ai-intro .hp-brands__list {
    padding-bottom: 48px !important;
    flex-wrap: wrap;
}

.hp-brands__title {
    color: #6E768C;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .5px;
}

@media(min-width:768px) {
    section.ai-intro {
        background-size: contain;
    }

    .ai-intro h1 {
        margin: 0 0 32px;
        font-size: 48px;
    }

    .ai-intro .wp-block-paragraph,
    .section__description,
    .section__description p {
        font-size: 24px;
    }

    .ai-intro .grey {
        width: auto;
    }

    .ai-intro .btn-holder {
        padding: 32px 0;
        flex-direction: row;
    }

    .hp-brands__title {
        font-size: 20px;
    }

    .ai-intro .ltm-link.ltm-link--black.ltm-link--md,
    .ai-intro .ltm-link.ltm-link--black.ltm-link--transparent.ltm-link--md {
        width: auto;
    }
}

@media(min-width:1024px) {
    .ai-intro h1 {        
        font-size: 72px;
    }
}

.benefits-block .icon-star::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../img/hp-ai/icons/star-color.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.benefits-block .icon-star.half-star::before {
    background-image: url('../img/hp-ai/icons/StarExtra.svg');
}

.benefits-block .icon-shield::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('../img/hp-ai/icons/shield-color.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.benefits-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 32px;
    border-radius: 32px;
    border: 1px solid #C3C7D0;
    align-items: flex-start;
    gap: 16px;
}

.benefits-list .list-item {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: flex-start;
    flex-direction: column;
}

.benefits-list .list-item:not(:last-child) {
    border-bottom: 1px solid #C3C7D0;
    padding-bottom: 16px;
}

.benefits-list .list-item h2,
.benefits-list .list-item p {
    margin: 0;
}

.benefits-list .list-item p {
    opacity: 0.6;
}

@media(min-width:768px) {
    .benefits-list {
        flex-direction: row;
        gap: 24px;
        padding: 32px 64px;
    }

    .benefits-list .list-item:not(:last-child) {
        padding-right: 48px;
        padding-bottom: 0;
        border-right: 1px solid #C3C7D0;
        border-bottom: none;
    }

    .benefits-slider h2.section__title {
        font-size: 36px;
    }
}

@media(min-width:1024px) {
    .benefits-list {
        gap: 48px;
    }

    .benefits-slider h2.section__title {
        font-size: 48px;
    }
}

.hp-brands__wrap {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 50px;
}

.hp-brands__list {
    display: flex;
    counter-reset: item;
    justify-content: space-around;
    min-width: 100%;
    /*  animation: scroll 30s linear infinite; */
}

.hp-intro .hp-brands {
    margin-bottom: 0;
}

.hp-intro .hp-brands__list {
    padding-bottom: 48px !important;
}

/**benefits SECTION*/
section.benefits-slider {
    padding: 64px 0 0;
}

/**AGENTS SECTION*/
.agents {
    padding: 48px 0;
    margin: 48px 0 0;
    background: linear-gradient(49deg, #16161D 70.03%, #003380 109.04%);
}

.agents .section__title,
.agents .step_text {
    color: #fff;
}

.agents .agents_wrap .mobile {
    display: flex;
}

.agents .agents_steps {
    display: none;
}

.agents .agents_features {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.agents .step_item,
.agents .feature_list {
    width: 100%;
    display: flex;
    justify-content: center;
}

.agents .step_item {
    align-items: flex-end;
    flex-wrap: wrap;
}

.step_text {
    flex: 100%;
    text-align: center;
    padding-top: 32px;
}

.agents .feature_list {
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 16px;
    background: #FFF;
    padding: 16px;
    gap: 20px;
    height: fit-content;
    background-color: rgba(43, 46, 54, 1);
}

.step_item .label {
    color: #fff;
    border-radius: 32px;
    padding: 8px 12px;
    background-color: #5879EE;
    font-size: 14px;
    letter-spacing: 0.3px;
}

.step_item.orange .label {
    background-color: #FF8541;
}

.step_item.violet .label {
    background-color: #A769F6;
}

.step_item.pink .label {
    background-color: #F64963;
}

.step_item .icon::before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url('../img/hp-ai/agent/agent-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 4px;
}

.step_item.orange .icon::before {
    background-image: url('../img/hp-ai/agent/agent-2.svg');
}

.step_item.violet .icon::before {
    background-image: url('../img/hp-ai/agent/agent-3.svg');
}

.step_item.pink .icon::before {
    background-image: url('../img/hp-ai/agent/agent-4.svg');
}

.feature_item h3 {
    color: #1F1F1F;
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    color: #fff;
}

.feature_item p {
    color: #838383;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 8px;
}

.feature_item .icons {
    border-radius: 48px;
    background: rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    padding: 2px 5px;
    gap: 8px;
}

.feature_item i::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url('../img/hp-ai/agent/Group.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.feature_item i.google-doc::before {
    background-image: url('../img/hp-ai/agent/GoogleDocs.svg');
}

.feature_item i.google-sheets::before {
    background-image: url('../img/hp-ai/agent/GoogleSheets.svg');
}

.feature_item i.gmail::before {
    background-image: url('../img/hp-ai/agent/Gmail.svg');
}

.feature_item i.google-calendar::before {
    background-image: url('../img/hp-ai/agent/GoogleCalendar.svg');
}

.feature_item i.jira::before {
    background-image: url('../img/hp-ai/agent/Jira.svg');
}

.feature_item i.slack::before {
    background-image: url('../img/hp-ai/agent/Slack.svg');
}

.agents .btn-holder {
    margin: 32px 0 0;
}

.agents .btn-holder .ltm-link {
    width: 260px;
}

.animate-pyramyde svg {
    width: 100% !important;
    height: 100% !important;
    vertical-align: top;
}

.feature_list .step_item {
    width: 100%;
}

.feature_list .period {
    padding-left: 10px;
    font-size: 14px;
}

.agents .feature_list {
    position: relative;
}

@media(min-width: 768px) {
    .agents .agents_features {
        flex-direction: row;
        gap: 24px;
        flex-wrap: wrap;
    }

    .agents .agents_steps {
        gap: 24px;
    }

    .agents .feature_list {
        width: calc(50% - 12px);
    }
}


@media(min-width: 1024px) {
    .agents {
        padding: 64px 0;
        margin: 64px 0 0;
    }

    .agents .agents_wrap .mobile {
        display: none;
    }

    .agents .agents_steps,
    .agents .agents_features {
        display: flex;
        flex-direction: row;
        margin-bottom: 32px;
        gap: 0;
    }

    .agents .agents_steps {
        padding-bottom: 32px;
        position: relative;
    }

    .agents .feature_list {
        margin: 0 20px;
    }

    .agents .feature_list:before {
        position: absolute;
        content: '';
        left: -20px;
        top: -50px;
        background-size: cover;
        height: 19px;
        width: calc(100% + 40px);
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='303' height='19' viewBox='0 0 303 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.5 17.5V1.5' stroke-width='3' stroke-linecap='round' stroke='%23404041'/%3e%3cpath d='M1.5 9.5L301.5 9.50003' stroke-width='3' stroke='%23404041'/%3e%3cpath d='M301.5 1.5V17.5' stroke-width='3' stroke-linecap='round' stroke='%23404041'/%3e%3c/svg%3e ");
        background-repeat: no-repeat;
    }

    .agents .feature_list:last-child:before {
        top: -54px;
        height: 28px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='235' height='23' viewBox='0 0 235 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.5 19.0459V3.0459' stroke-width='3' stroke-linecap='round' stroke='%23404041'/%3e%3cpath d='M1.5 11.0459L1.5 12.5459L233.5 12.5459L233.5 11.0459L233.5 9.54592L1.5 9.5459L1.5 11.0459ZM234.561 12.1066C235.146 11.5208 235.146 10.571 234.561 9.98526L225.015 0.439316C224.429 -0.146471 223.479 -0.146471 222.893 0.439316C222.308 1.0251 222.308 1.97485 222.893 2.56064L231.379 11.0459L222.893 19.5312C222.308 20.117 222.308 21.0667 222.893 21.6525C223.479 22.2383 224.429 22.2383 225.015 21.6525L234.561 12.1066Z' fill='%23404041'/%3e%3c/svg%3e ");
        background-size: 100% 100%;
        left: -23px;
    }

    .agents .agents_features {
        flex-wrap: nowrap;
    }

    .agents_steps .step_item,
    .agents_divider .step_item,
    .agents .feature_list {
        width: 25%;
    }

    .agents .btn-holder {
        margin: 64px 0 0;
    }

    .agents_steps .step_item {
        position: relative;
    }

    .agents_steps .step_item:after {
        position: absolute;
        content: '';
        left: calc(100% - 18px);
        top: 38px;
        width: 38px;
        height: 6px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='38' height='6' viewBox='0 0 38 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='3' cy='3' r='3' fill='white' fill-opacity='0.4'/%3e%3ccircle cx='19' cy='3' r='3' fill='white' fill-opacity='0.4'/%3e%3ccircle cx='35' cy='3' r='3' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e ");
    }

    .agents_steps .step_item:last-child:after {
        display: none;
    }

    .step_item .icon::before {
        width: 54px;
        height: 54px;
    }
}

@media(min-width: 1440px) {
    .feature_item .icons {
        padding: 7px 10px;
    }

    .feature_item i::before {
        width: 24px;
        height: 24px;
    }
}

/**CONTEXT SECTION*/
.context {
    padding: 48px 24px;
    border-radius: 24px;
    position: relative;
    background-image: url('../img/hp-ai/Gradient.svg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
}

.animation-block {
	background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 25.02%), 
				linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 8.52%), 
				radial-gradient(50.46% 29.72% at 100% 58.64%, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%), 
				radial-gradient(77.52% 55.01% at 50% 0%, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%), 
				radial-gradient(63.39% 44.99% at 50% 100%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), 
				linear-gradient(0deg, #E5F0FF 0%, #E5F0FF 100%), #FFF;
	}

.context .section__title {
    color: #16161D;
    line-height: normal;
    font-size: 48px;
    line-height: 1.08;
}

.context .section__description {
    color: #838383;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.context .btn-holder {
    margin-bottom: 0;
}

.context .btn-holder .ltm-link {
    width: 260px;
}

.context .section__img {
    width: 100%;
    max-width: 725px;
    display: block;
    margin: 0 auto 32px;
}

.context .img-holder {
    max-width: 316px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

/* .context > * {
    position: relative;
    z-index: 1;
} */

.animation-holder {
    max-width: 726px;
    margin: 0 auto;
    position: relative;
    padding-top: 228px;
}

.context>* {
    position: relative;
    z-index: 1;
}

@media(min-width: 768px) {
    .context .section__title {
		font-size: 36px;
	}
	.context {
        padding: 48px;
    }
}

@media(min-width: 1024px) {
    .context .section__title {
		font-size: 48px;
	}
	.context {
        padding: 64px;
    }
}

/**PRODUCTS SECTION*/
.products {
    padding: 48px 0;
}

.products span.grey {
    color: #B5B5B5;
    display: block;
}

.products .product_item__image {
    padding: 12px 12px 0;
    border-radius: 12px;
    border: 1px solid #E9EEF5;
    background: #F4F9FF;
}

.product_item__image img {
    border-radius: 24px 24px 0 0;
}

.products_wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product_item__first {
    display: flex;
    min-width: 406px;
    padding: 32px 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 15px;
    border: 2px solid #5879EE;
    background: #F4F9FF;
}

.product_item__first .label {
    color: #5879EE;
    font-weight: 600;
    line-height: 24px;
    border-radius: 48px;
    background: #CCE0FF;
    padding: 6px 12px;
}

.products .products_wrap .icon {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    color: #000;
}

.products .products_wrap .text {
    color: #838383;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.products .products_wrap .text ul {
    padding-left: 20px;
}

.product_item__first .ltm-link.ltm-link--blue.ltm-link--transparent.ltm-link--md {
    width: 140px;
    padding: 12px 16px;
    border: 2px solid #0052CC;
    color: #0052CC;
    margin-left: 0 !important;
}

.products_separator {
    stroke-width: 2px;
    stroke: #DFE1E6;
    display: flex;
    align-items: center;
}

.products_separator .link-icon {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #DFE1E6;
    background: url(../img/hp-ai/icons/link.svg) center no-repeat #fff;
}

.products .products_list {
    display: flex;
    flex-direction: column;
    gap: 16px;

}

span.products_list__title {
    display: block;
    width: 100%;
    color: #838383;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.products .product_item {
    width: 100%;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 240px;
}

.products .product_item .app-link-more {
    color: #5879EE;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 0;
}


.agents a.ltm-link.ltm-link--black.ltm-link--md {
    width: auto !important;
    min-width: 260px !important;
    margin: 0 auto !important;
    max-width: 260px;
}

.btn-text-holder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: 24px;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #FF8541;
    margin-top: 32px;
}

.btn-text-holder .text {
    color: #1F1F1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.btn-text-holder .ltm-link {
    width: 200px;
}

@media(min-width: 768px) {
    .products {
        padding: 64px 0;
    }

    .products .products_list {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .products .product_item {
        padding: 24px;
        width: calc(50% - 10px);
    }

    .btn-text-holder {
        flex-direction: row;
    }
}


/**SECURITY SECTION*/
.security {
    padding: 48px 0;
}

.security .section__icon {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    color: #0052CC;
    font-size: 18px;
    margin-bottom: 24px;
    font-weight: 600;
}

.security .section__icon::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/hp-ai/security.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.security .section__description {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

.security .three-columns {
    display: flex;
    flex-direction: column;
    justify-content: left;
    gap: 32px;
    margin: 0 0 32px;
	align-items: center;
}

.security .three-columns .col {
    display: flex;
    gap: 10px;
    justify-content: normal;
    flex-direction: column;
    padding: 32px 24px;
    border-radius: 17px;
    border: 1px solid #CCE0FF;
    max-width: 378px;
    width: 100%;

}

.security .three-columns .col img {
    width: 20px;
    height: 20px;
}

.security .three-columns .col h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.security .three-columns .col p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.security .btn-holder {
    /* margin-bottom: 24px; */
    text-align: center;
}

.security .btn-holder a.ltm-link--transparent {
    min-width: 0;
    max-width: 100%;
    padding: 12px 46px;
    height: 56px;
}

@media(min-width: 768px) {
    .security {
        padding: 64px 0;
    }

    .security .three-columns {
        flex-direction: row;
		align-items: normal;
    }
	.security .three-columns .col {    
		justify-content: normal;
	}
}

@media(min-width: 1024px) {
    .security .section__description {
		font-size: 24px;
	}
}

/**GOALS SECTION*/
.goals-section {
    padding: 48px 0;
}

.wide-block {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    justify-content: center;
    align-items: center;
    gap: 32px;
    align-self: stretch;
    border-radius: 15px;
    background: linear-gradient(85deg, #003E99 40.2%, #5879EE 110.82%), #003E99;
}

.wide-block .text-holder {
    max-width: 788px;
    color: #fff;
    text-align: left;
}

.wide-block h3 {
    font-size: 36px;
	line-height: 115%;
}

.wide-block .label {
    color: rgba(255, 255, 255, 0.70);
    font-size: 18px;
}

.wide-block p {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    margin: 0;
}

.wide-block a.ltm-link.ltm-link--white.ltm-link--md {
    display: flex;
    height: 60px;
    padding: 22px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    background: #F5F9FF;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    white-space: nowrap;
    color: #0052CC;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;

    border-radius: 40px;
    border: 1px solid #99C2FF;
}

.product_item .app-link-more__icon:before,
.product_item .app-link-more__icon:after,
.goals-section .app-link-more__icon:before,
.goals-section .app-link-more__icon:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 9L17 12L14 15' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16 12L7 12' stroke='%230052CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.goals-section .three-columns {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.goals-section .three-columns .col {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 15px;
    border: 1px solid #CCE0FF;
    background: #FFF;
}

.goals-section .three-columns .col h3,
.goals-section .three-columns .col p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #414653;
}


.goals-section .three-columns .col h3 {
    font-weight: 700;
    color: #475467;
}

.goals-section .three-columns .col h3 .label {
    color: #0052CC;
    font-size: 12px;
    line-height: 1.5;
    padding: 2px 12px;
    border: 1px solid #66A3FF;
    border-radius: 16px;
    font-weight: 500;
    margin-left: 10px;
}

.goals-section .three-columns .col .app-link-more {
    color: #5879EE;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
}

@media(min-width: 768px) {
    .goals-section {
        padding: 64px 0;
    }

    .goals-section .three-columns {
        flex-direction: row;
    }

    .wide-block {
        padding: 36px;
    }

    .wide-block p {
        font-size: 24px;
    }
}

@media(min-width: 1024px) {
    .wide-block {
        flex-direction: row;
        padding: 56px;
    }

    .product-part {
        padding: 64px 0;
    }
}

/* Strategy */
.product-part .section__title {
    color: #fff;
    font-size: 36px;
}

.product-part .section__description {
    color: #fff;
}

/**FAQ*/
section.faq {
    padding: 24px 0 48px !important;
}

.faq-list {
    max-width: 1200px;
}

.faq-list ul {
    font-weight: 500;
}

@media(min-width: 768px) {
    section.faq {
        padding: 32px 0 64px !important;
    }
}

@media(min-width: 768px) {
    section.faq {
        padding: 64px 0 !important;
    }
}

@media(min-width: 1024px) {
    .product-part .section__title {
        font-size: 48px;
    }
}

/**TRIAL*/
.trial-wrap .trial-holder {
    max-width: 1200px;
    margin: 0 auto;
    padding: 64px 0;
}

section.trial-wrap {
    background: radial-gradient(100% 191.36% at 100% 0, #f64963 0, #ff8541 100%);
    text-align: center;
    color: #fff;
}

section.trial-wrap h2 {
    margin: 0 0 1.5rem;
}

section.trial-wrap .subtitle {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.trial-wrap a.ltm-link.ltm-link--white.ltm-link--md {
    border-color: #FFE8DB;
    background: #FFE8DB;
    height: 60px;
    padding: 1.5rem 3.75rem;
}

.trial-box a.ltm-link.ltm-link--white.ltm-link--md:hover {
    border-color: #FFF;
    background: #FFF;
}

.trial-wrap a.ltm-link.ltm-link--white.ltm-link--md .ltm-link__text {
    color: #DB4E00;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.trial-wrap .btn-holder {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.trial-wrap a.ltm-link.ltm-link--white.ltm-link--md {
    justify-content: center;
}

@media (min-width: 768px) {
    .trial-wrap .btn-holder {
        flex-direction: row;
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .trial-wrap .trial-holder {
        padding: 120px 0;
    }

    .trial-wrap .btn-holder {
        display: flex;
        flex-direction: row;
    }
}

/**AUTO SLIDER*/
.benefits-slider .section__description {
    max-width: 618px;
    color: #838383;
    margin: 0 auto 24px;
    font-size: 20px;
    font-weight: 400;
}

.benefits-slider .section__description strong {
    color: #1F1F1F;
    font-weight: 500;
}

@media (min-width: 768px) {
    .benefits-slider .section__description {
        margin: 0 0 32px;
        max-width: 100%;
    }
}
@media (min-width: 1024px) {
    .benefits-slider .section__description {    
		font-size: 24px;
    }
}


.feature-slider {
    --slider-duration: 8s;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}


/* =========================================
   LEFT NAVIGATION
========================================= */

.feature-slider__nav {
    display: flex;
    flex-direction: column;
    max-width: 220px;
    width: 100%;
    position: relative;
}

/* active background */

.feature-slider__item.is-active {
    background: #F5F7FC;
    color: #5277FF;
}

/*
   Only active item gets progress animation.
*/

.feature-slider.is-autoplay .feature-slider__item.is-active .feature-slider__progress {
    animation: feature-slider-progress var(--slider-duration) linear;
}


@keyframes feature-slider-progress {

    from {
        height: 0;
    }

    to {
        height: 100%;
    }
}

@keyframes feature-slider-progress_mobile {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}


/* title */

.feature-slider__title {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;

    position: relative;
    z-index: 1;
}


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

.feature-slider__content {
    position: relative;
    /* border-left: 1px solid #E3E5EA; */
    /* border-bottom: 1px solid #E3E5EA; */
}


/* =========================================
   SLIDES
========================================= */

.feature-slider__slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px) scale(0.98);
    transition:
        opacity 0.5s ease,
        transform 0.6s ease,
        visibility 0.5s ease;
}

.feature-slider__slide.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    z-index: 2;
}

/* image */

.feature-slider__slide>img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    border-radius: 5px;
    filter: drop-shadow(0 20px 30px rgba(20, 30, 50, 0.08));
}

@media(min-width: 1023px) {
    section.benefits-slider .mobile {
        display: none;
    }
}

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

@media (max-width: 767px) {
    .feature-slider__content {
        min-height: 400px;
    }


    .feature-slider__slide {
        padding: 20px;
    }


    .feature-slider__title {
        font-size: 16px;
    }

}


/* =========================================
   ITEMS
========================================= */

.feature-slider__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 111px;
    padding: 0 20px;
    border: 0;
    background: transparent;
    justify-content: center;
    cursor: pointer;
    transition:
        color 0.35s ease,
        background 0.35s ease;
}

@media(min-width: 1440px) {
    .feature-slider__item {
        min-height: 140px;
    }
}


/* =========================================
   DEFAULT VERTICAL LINE
========================================= */

.feature-slider__nav::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 10px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.05);
}

/* =========================================
   PROGRESS BAR
========================================= */

.feature-slider__progress {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 0;
    border-radius: 4px;
    z-index: 2;
    transition: all .2s ease-in-out;
}

.feature-slider__item.is-active .feature-slider__progress {
    height: 50%;
}

/* =========================================
   1. STRATEGY
========================================= */

.feature-slider__item:nth-child(1).is-active {
    background: linear-gradient(90deg,
            rgba(88, 121, 238, 0.00) 47.09%,
            rgba(88, 121, 238, 0.10) 100%);

    color: #5879EE;
}

.feature-slider__item:nth-child(1) .feature-slider__progress {
    background: #5879EE;
}


/* =========================================
   2. OKR & KPI
========================================= */

.feature-slider__item:nth-child(2).is-active {
    background: linear-gradient(90deg,
            rgba(255, 133, 65, 0.00) 47.09%,
            rgba(255, 133, 65, 0.10) 100%);

    color: #FF8541;
}

.feature-slider__item:nth-child(2) .feature-slider__progress {
    background: #FF8541;
}


/* =========================================
   3. INITIATIVES
========================================= */

.feature-slider__item:nth-child(3).is-active {
    background: linear-gradient(90deg,
            rgba(167, 105, 246, 0.00) 47.09%,
            rgba(167, 105, 246, 0.10) 100%);

    color: #A769F6;
}

.feature-slider__item:nth-child(3) .feature-slider__progress {
    background: #A769F6;
}


/* =========================================
   4. CHECK-IN
========================================= */

.feature-slider__item:nth-child(4).is-active {
    background: linear-gradient(90deg,
            rgba(246, 73, 99, 0.00) 47.09%,
            rgba(246, 73, 99, 0.10) 100%);

    color: #F64963;
}

.feature-slider__item:nth-child(4) .feature-slider__progress {
    background: #F64963;
}


/* =========================================
   AUTOPLAY PROGRESS
========================================= */

.feature-slider.is-autoplay .feature-slider__item.is-active .feature-slider__progress {
    animation: feature-slider-progress var(--slider-duration) linear forwards;
}

@keyframes feature-slider-progress {

    from {
        height: 0;
    }

    to {
        height: 100%;
    }

}


/* =========================================
   MANUAL SWITCH
========================================= */

.feature-slider.is-manual .feature-slider__item.is-active .feature-slider__progress {
    height: 50%;
    animation: none;
}


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

.feature-slider__title {
    position: relative;
    z-index: 3;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 500;
}

@media (max-width: 1023px) {
    .benefits-slider h2.section__title {
        text-align: left;
        padding: 0 52px;
        font-size: 36px;
        line-height: 1.1;
        margin: 0 0 16px;
    }

    .benefits-slider .section__description {
        text-align: left;
        padding: 0 52px;
        max-width: 100%;
        font-size: 20px;
        line-height: 1.25;
        margin: 0 0 42px;
    }

    .feature-slider {
        flex-direction: column;
		padding: 0 52px;
    }

    .feature-slider__nav {
        flex-direction: row;
        max-width: 100%;
    }

    .feature-slider__item {
        min-height: 80px;
        padding: 0 20px;
    }

    .feature-slider__nav::before {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 2px;
    }

    .feature-slider__progress {
        top: auto;
        bottom: 0;
        left: 0;
        width: 0;
        height: 6px;
        transition: none;
    }

    .feature-slider.is-manual .feature-slider__item.is-active .feature-slider__progress {
        width: 100%;
        height: 6px;
        animation: none;
    }

    .feature-slider.is-autoplay .feature-slider__item.is-active .feature-slider__progress {
        animation: feature-slider-progress_mobile var(--slider-duration) linear forwards;
    }

    .feature-slider__slide {
        position: static;
        visibility: visible;
        opacity: 1;
        background: #F5F9FF;
        padding: 36px 56px;
        transform: unset;
        margin: 0 0 20px;
        border-radius: 15px;
    }

    .feature-slider__content .mobile {
        width: 100%;
    }

    .feature-slider__nav {
        display: none;
    }

    .animate-pyramyde svg {
        display: none;
    }

    section.benefits-slider .mobile .feature-slider__icon {
        max-width: 65px;
        margin: 0 0 24px;
        display: block;
    }

    .mobile .feature-slider__title {
        font-weight: 600;
        font-size: 30px;
        line-height: 32px;
        margin: 0 0 24px;
        display: block;
    }

    .mobile .feature-slider__description {
        margin: 0 0 12px;
        font-size: 18px;
        line-height: 1.5;
        display: block;
		letter-spacing: 0.3px;
    }
	.mobile img {        
        display: block;
    }

    .feature-slider__slide>img {
        margin: 0;
		display: none;
    }

    .feature-slider__slide>.feature-slider__description {
        display: none;
    }

    /* agents */
    .agents .agents_features {
        flex-direction: column;
    }

    .agents .feature_list:before {
        position: absolute;
        content: '';
        left: 0;
        top: -6px;
        background-size: cover;
        height: calc(100% + 27px);
        width: 21px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='221' viewBox='0 0 16 221' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.6194 1.25293L1.25391 1.25293' stroke-width='2.50602' stroke-linecap='round' stroke='%23404041'/%3e%3cpath d='M7.9375 219.18L7.9375 1.25293' stroke-width='2.50602' stroke='%23404041'/%3e%3cpath d='M1.25391 219.18H14.6194' stroke-width='2.50602' stroke-linecap='round' stroke='%23404041'/%3e%3c/svg%3e ");
        background-repeat: no-repeat;
    }

    .agents .feature_list:last-child:before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='221' viewBox='0 0 19 221' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.9084 1.25391L2.54297 1.25391' stroke-width='2.50602' stroke-linecap='round' stroke='%23404041'/%3e%3cpath d='M9.22656 219.18H10.4796L10.4796 1.25293H9.22656H7.97355L7.97355 219.18H9.22656ZM8.34055 220.066C8.82988 220.555 9.62324 220.555 10.1126 220.066L18.0867 212.092C18.576 211.602 18.576 210.809 18.0867 210.32C17.5974 209.83 16.804 209.83 16.3147 210.32L9.22656 217.408L2.13846 210.32C1.64912 209.83 0.855761 209.83 0.366429 210.32C-0.122903 210.809 -0.122903 211.602 0.366429 212.092L8.34055 220.066Z' fill='%23404041'/%3e%3c/svg%3e ");
    }

    .agents .feature_list {
        width: 100%;
        background: none;
        padding: 0 0 0 32px;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 12px;
        position: relative;
    }

    .feature_item__mobile_box {
        background: rgba(43, 46, 54, 1);
        padding: 16px;
        border-radius: 16px;
    }

    .feature_list .feature_item {
        max-width: 253px;
        width: 100%;
    }

    .feature_list:has(.feature_item:nth-child(3):last-child) .feature_item {
        max-width: calc(50% - 6px);
        width: 100%;
    }

    .agents {
        padding: 48px 50px;
    }

    .agents .agents_wrap .mobile {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-start;
    }

    .feature_list .period {
        color: #fff;
        padding: 4px 10px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .feature-slider {     
		padding: 0 8px;
    }
	
	.mobile .feature-slider__description {
        font-size: 16px;
    }

    .feature-slider__slide {
        padding: 0;
        margin: 0 0 72px;
        background: none;
    }

    .feature-slider__slide:last-child {
        margin: 0;
    }

    .benefits-slider h2.section__title {
        text-align: left;
        padding: 0;
        font-size: 30px;
        line-height: 32px;
    }

    .benefits-slider .section__description {
        padding: 0;
        font-size: 18px;
        line-height: 1.5;
        margin: 0 0 36px;
    }

    .agents {
        padding: 48px 0;
    }

    .feature_item__mobile_box {
        background: none;
        border-radius: 0;
        padding: 0;
    }

    .feature_list .feature_item {
        background: rgba(43, 46, 54, 1);
        padding: 16px;
        border-radius: 16px;
        flex-direction: column;
        max-width: calc(100% - 52px);
    }

    .agents .feature_list {
        padding: 20px 16px 16px 32px;
        flex-direction: column;
    }


    .agents .section__title, 
	.context .section__title,
    .product-part .section__title {
        font-size: 30px;
    }

    .feature_list .feature_item {
        max-width: 100%;
    }

    .feature_list:has(.feature_item:nth-child(3):last-child) .feature_item {
        border-radius: 16px 16px 0 0;
        max-width: 100%;
    }

    .feature_list:has(.feature_item:nth-child(3):last-child) .feature_item+.feature_item {
        border-radius: 0 0 16px 16px;
        margin-top: -13px;
    }

    .agents .feature_list:before {
        width: 27px;
        height: calc(100% + 29px);
    }

    .agents .feature_list:last-child:before {
        background-size: 100% 100%;
        width: 27px;
    }
}

.testimonials-tabs .app-link-more {
    border-color: rgba(0, 82, 204, 1);
    color: rgba(0, 82, 204, 1);
}

.testimonials-tabs .app-link-more:hover {
    border-color: rgba(0, 82, 204, 1);
    color: rgba(0, 82, 204, 1);
    background: transparent;
}

@media(min-width: 1024px) {
    .feature-slider__slide {
        max-width: 565px;
        margin: 0 auto;
        padding: 20px;
        border-radius: 24px;
        box-shadow: 0 7px 10px 0px #0000000F;
        background: linear-gradient(360deg, rgba(229, 234, 255, 0.12) -42.41%, rgba(229, 234, 255, 0.2) 100%);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        align-items: flex-start;
    }

    .feature-slider__slide>img {
        margin: 0 0 32px;
        max-width: 100%;
    }

    .feature-slider__description {
        color: #1F1F1F;
        font-size: 16px;
        line-height: 20px;
		letter-spacing: 0.3px;
    }
}

@media(min-width: 1440px)  {
    .feature-slider__slide {
        max-width: 707px;
    }
}


h2.section__title {
    font-size: 30px;
}

@media(min-width: 768px) {
    h2.section__title {
        font-size: 36px;
    }
}

@media(min-width: 1024px) {
    h2.section__title {
        font-size: 48px;
    }

    .ultimate {
        padding: 64px 0 !important;
    }
}