.product_capsules {
    padding: 50px 0;
}

.product_capsules .product_capsule_head {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 40px;
}

.product_capsules .product_capsule_head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.product_capsules .product_capsule_head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.product_capsules .product_capsule_head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.product_capsules .product_capsule_head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.product_capsules .product_capsule_head h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.product_capsules .product_capsule_head h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.product_capsules .product_capsule_head p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-400);
    color: var(--sol-grey);
    margin: 0;
}

.product_capsules .product_capsules_main {
    padding: 24px 0;
}

.product_capsules .product_capsules_main h3 {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.product_capsules .product_capsules_wrap {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap;
}

.product_capsules .product_capsule {
    padding: 16px 35px;
    border-radius: 50px;
    background: var(--secondary-bg);
    box-shadow: var(--primary-shadow);
    max-width: fit-content;
    width: 100%;
}

.product_capsules .product_capsule p {
    font-size: var(--fs-18);
    line-height: var(--lh-26);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 2px;
}

.product_capsules .capsule_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.workflow_tabs {
    padding: 50px 0;
    background-color: var(--secondary-bg);
    overflow: hidden;
}

.workflow_tabs .workflow_tabs_head {
    display: flex;
    gap: 16px;
    flex-direction: column;
    padding-bottom: 64px;
}

.workflow_tabs .workflow_tabs_head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.workflow_tabs .workflow_tabs_head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.workflow_tabs .workflow_tabs_head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.workflow_tabs .workflow_tabs_head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.workflow_tabs .workflow_tabs_head h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.workflow_tabs .workflow_tabs_head h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.workflow_tabs .workflow_tabs_head p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-400);
    color: var(--sol-grey);
    margin: 0;
}

.workflow_tabs .workflow_tabs_wrapper .workflow_tab_item button {
    width: 100%;
    height: 100%;
    padding: 0 30px 13px 30px;
    background: transparent;
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    color: var(--sol-grey);
    font-weight: var(--fw-500);
    border-radius: 0;
    border: none;
    position: relative;
}

.workflow_tabs .workflow_tabs_wrapper .workflow_tab_item button.active:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -2px;
    background: linear-gradient(90deg, #2283FF, #18EEF5);
    border-radius: 50px;
}

.workflow_tabs .workflow_tabs_wrapper .nav-pills li {
    max-width: 33.33%;
    width: 100%;
}

.workflow_tabs .workflow_tabs_wrapper .workflow_tab_item button.active {
    color: var(--color-primary);
    font-weight: var(--fw-600);
}

.workflow_tabs .workflow_tabs_wrapper .nav-pills {
    margin-bottom: 50px;
    border-bottom: 1px solid var(--sol-grey);
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_top {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--color-white);
    padding: 30px;
    border-radius: 14px;
    border-left: 6px solid var(--color-ternary);
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_top h2 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
    color: var(--sol-grey);
    font-weight: var(--fw-700);
    text-transform: var(--tt-uppercase);
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_top p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--color-primary);
    font-weight: var(--fw-600);
    margin: 0;
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_medium_wrap {
    margin: 40px 0;
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_medium_wrap .work_medium {
    display: flex;
    gap: 30px;
    background: var(--color-white);
    padding: 30px;
    border-radius: 14px;
    margin-top: 40px;
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_medium_wrap .work_medium .work_number {
    padding: 20px 25px;
    max-width: fit-content;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--color-ternary), var(--sol-dark-blue));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-22);
    line-height: var(--lh-normal);
    font-weight: var(--fw-900);
    color: var(--color-white);
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_medium_wrap .work_medium .work_number_desc h2 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin-bottom: 10px;
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_medium_wrap .work_medium .work_number_desc p {
    font-size: var(--fs-18);
    line-height: var(--lh-26);
    font-weight: var(--fw-600);
    color: var(--sol-grey);
    margin: 0;
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--color-primary);
    padding: 30px;
    border-radius: 14px;
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_bottom h2 {
    font-size: var(--fs-22);
    line-height: var(--lh-32);
    color: var(--color-white);
    font-weight: var(--fw-700);
    text-transform: var(--tt-uppercase);
    letter-spacing: 0.5px;
    margin-bottom: 0px;
}

.workflow_tabs .workflow_tabs_wrapper .work_wrap .work_bottom p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
}

.stage_cards_with_image {
    padding: 50px 0;
    background-color: var(--secondary-bg);
}

.stage_cards_with_image .stage_card_with_image_head {
    display: flex;
    gap: 16px;
    flex-direction: column;
    padding-bottom: 64px;
}

.stage_cards_with_image .stage_card_with_image_head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.stage_cards_with_image .stage_card_with_image_head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.stage_cards_with_image .stage_card_with_image_head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.stage_cards_with_image .stage_card_with_image_head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.stage_cards_with_image .stage_card_with_image_head h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.stage_cards_with_image .stage_card_with_image_head h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.stage_cards_with_image .stage_card_with_image_head p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-400);
    color: var(--sol-grey);
    margin: 0;
}

.stage_card_image img {
    object-fit: cover;
    border-radius: 24px;
    height: 100%;
}

.stage_cards_with_image .stage_card_wrapper {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    margin-top: 50px;
}

.stage_cards_with_image .stage_card_wrapper .stage_card {
    max-width: calc((100% - 100px) / 3);
    width: 100%;
    padding: 35px;
    border-radius: 15px;
    background-color: var(--color-white);
    border-left: 8px solid var(--color-primary);
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.stage_cards_with_image .stage_card_wrapper .stage_card .stage_card_title h2 {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    text-transform: var(--tt-uppercase);
    letter-spacing: 1px;
    margin: 0;
}

.stage_cards_with_image .stage_card_wrapper .stage_card .stage_card_desc p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-400);
    color: var(--sol-grey);
    margin: 0;
}

.stage_cards_with_image .stage_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.capabilities_cards {
    padding: 50px 0;
    background-color: var(--form-bg);
}

.capabilities_cards .capabilities_cards_head {
    display: flex;
    gap: 16px;
    flex-direction: column;
    padding-bottom: 64px;
}

.capabilities_cards .capabilities_cards_head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.capabilities_cards .capabilities_cards_head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.capabilities_cards .capabilities_cards_head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.capabilities_cards .capabilities_cards_head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.capabilities_cards .capabilities_cards_head h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.capabilities_cards .capabilities_cards_head h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.capabilities_cards .capabilities_cards_head p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-400);
    color: var(--sol-grey);
    margin: 0;
}

.capabilities_cards .capabilities_cards_head .eyebrow h4 {
    font-size: var(--fs-14);
    line-height: var(--lh-24);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 15%;
    text-transform: uppercase;
}

.capabilities_cards .capabilities_cards_wrapper {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.capabilities_cards .capabilities_cards_wrapper .capability_card {
    display: flex;
    flex-direction: column;
    background-color: var(--color-white);
    border-radius: 24px;
    max-width: calc((100% - 60px) / 3);
    width: 100%;
    position: relative;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08), 0 20px 60px rgba(15, 23, 42, 0.12);
}

.capabilities_cards .capabilities_cards_wrapper .capability_card .capability_image img {
    object-fit: cover;
    width: 100%;
    height: 290px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    padding-bottom: 100px;
    height: 100%;
}

.capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc h2 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--sol-grey);
    margin: 0;
}

.capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc .capability_btn {
    position: absolute;
    bottom: 40px;
}

.capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc .capability_btn .btn-transparent-blue-arrow {
    font-size: 18px;
    line-height: 26px;
}

.capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc .capability_btn .btn-transparent-blue-arrow::after {
    top: 5px;
}

.deployment {
    padding: 50px 0;
}

.deployment .deployment_head {
    display: flex;
    gap: 16px;
    flex-direction: column;
    padding-bottom: 64px;
}

.deployment .deployment_head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.deployment .deployment_head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.deployment .deployment_head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.deployment .deployment_head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.deployment .deployment_head h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.deployment .deployment_head h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.deployment .deployment_head p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-400);
    color: var(--sol-grey);
    margin: 0;
}

.deployment .deploy_card_wrap {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.deployment .deploy_card_wrap .deploy_card {
    max-width: calc((100% - 60px) / 3);
    width: 100%;
    padding: 30px;
    background-color: var(--secondary-bg);
    border-radius: 24px;
    border-top: 8px solid var(--color-primary);
}

.deployment .deploy_card_wrap .deploy_card h2 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    color: var(--color-primary);
    font-weight: var(--fw-600);
    margin: 0;
    margin-bottom: 16px;
}

.deployment .deploy_card_wrap .deploy_card p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--sol-grey);
    font-weight: var(--fw-500);
    margin: 0;
}

.deployment .deployment_architecture_ticks {
    margin-top: 50px;
}

.deployment .deployment_architecture_ticks h2 {
    font-size: var(--fs-36);
    line-height: var(--lh-46);
    color: var(--color-primary);
    font-weight: var(--fw-600);
    text-align: center;
    margin: 0;
}

.deployment .deployment_architecture_ticks_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 50px;
    margin: 50px 0;
}

.deployment .deployment_ticks ul li {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--sol-grey);
    font-weight: var(--fw-500);
    margin: 0;
    padding-bottom: 16px;
    position: relative;
}

.deployment .deployment_ticks ul li::marker {
    font-size: 0;
}

.deployment .deployment_ticks ul li::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 1px;
    left: -40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 24 24' fill='none' stroke='%23099BDD'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.4995 7.44055C17.8085 7.71643 17.8353 8.19054 17.5595 8.49952L10.4166 16.4995C10.2743 16.6589 10.0708 16.75 9.85715 16.75C9.6435 16.75 9.43999 16.6589 9.2977 16.4995L6.44055 13.2995C6.16468 12.9905 6.19152 12.5164 6.5005 12.2406C6.80947 11.9647 7.28359 11.9915 7.55946 12.3005L9.85715 14.8739L16.4406 7.5005C16.7164 7.19152 17.1905 7.16468 17.4995 7.44055Z' fill='%23099BDD'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.deployment .deployment_ticks ol li {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--sol-grey);
    font-weight: var(--fw-500);
    margin: 0;
    padding-bottom: 16px;
    position: relative;
}

.deployment .deployment_ticks ol li::before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    top: 1px;
    left: -40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 24 24' fill='none' stroke='%23099BDD'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.4995 7.44055C17.8085 7.71643 17.8353 8.19054 17.5595 8.49952L10.4166 16.4995C10.2743 16.6589 10.0708 16.75 9.85715 16.75C9.6435 16.75 9.43999 16.6589 9.2977 16.4995L6.44055 13.2995C6.16468 12.9905 6.19152 12.5164 6.5005 12.2406C6.80947 11.9647 7.28359 11.9915 7.55946 12.3005L9.85715 14.8739L16.4406 7.5005C16.7164 7.19152 17.1905 7.16468 17.4995 7.44055Z' fill='%23099BDD'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.deployment .deployment_ticks ol li::marker {
    font-size: 0;
}

.deployment .deployment_ticks ul li strong {
    color: var(--color-primary);
}

.deployment .deployment_ticks ol li strong {
    color: var(--color-primary);
}

.deployment .deployment_technical_wrap {
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: var(--secondary-bg);
    border-radius: 24px;
    border-top: 10px solid var(--color-primary);
}

.deployment .deployment_technical_wrap h2 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    color: var(--color-primary);
    font-weight: var(--fw-600);
    letter-spacing: 1.5px;
    margin: 0;
}

.deployment .deployemnt_technical_buttons_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    margin: 20px 0;
}

.deployment .deployment_scale p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    font-weight: var(--fw-500);
    color: var(--sol-grey);
    margin: 0;
    font-style: italic;
}

.deployment .deployemnt_technical_buttons_wrap .deployment_technical_button a {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--button-primary-hover);
    font-weight: var(--fw-600);
    margin: 0;
    text-decoration: none;
}

.four_cards_row {
    padding: 50px 0;
    background-color: #224380;
}

.four_cards_row .four_cards_row_head {
    display: flex;
    gap: 16px;
    flex-direction: column;
    padding-bottom: 64px;
}

.four_cards_row .four_cards_row_head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-600);
    color: var(--color-white);
    margin: 0;
}

.four_cards_row .four_cards_row_head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-600);
    color: var(--color-white);
    margin: 0;
}

.four_cards_row .four_cards_row_head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-white);
    margin: 0;
}

.four_cards_row .four_cards_row_head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-white);
    margin: 0;
}

.four_cards_row .four_cards_row_head h5 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-white);
    margin: 0;
}

.four_cards_row .four_cards_row_head h6 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-white);
    margin: 0;
}

.four_cards_row .four_cards_row_head p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-400);
    color: var(--color-white);
    margin: 0;
}

.four_cards_row .four_cards_row_head .eyebrow h4 {
    font-size: var(--fs-14);
    line-height: var(--lh-24);
    color: var(--color-white);
    font-weight: var(--fw-600);
    letter-spacing: 15%;
    text-transform: uppercase;
    margin: 0;
}

.four_cards_row .four_cards_row_wrap {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.four_cards_row .four_cards_row_wrap .four_card {
    max-width: calc((100% - 60px) / 4);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background-color: var(--color-white);
    border-radius: 16px;
    padding: 30px;
}

.four_cards_row .four_cards_row_wrap .four_card .four_card_icon {
    width: 64px;
    height: 64px;
    display: flex;
}

.four_cards_row .four_cards_row_wrap .four_card .four_card_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.four_cards_row .four_cards_row_wrap .four_card .four_card_desc {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.four_cards_row .four_cards_row_wrap .four_card .four_card_desc h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    color: var(--color-primary);
    font-weight: var(--fw-600);
    margin: 0;
}

.four_cards_row .four_cards_row_wrap .four_card .four_card_desc p {
    font-size: var(--fs-18);
    line-height: var(--lh-26);
    color: var(--sol-grey);
    font-weight: var(--fw-400);
    margin: 0;
}

.four_cards_row .four_cards_row_button {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

@media(max-width:1200px) {
    .stage_cards_with_image .stage_card_wrapper .stage_card {
        max-width: calc((100% - 50px) / 2);
        width: 100%;
    }

    .capabilities_cards .capabilities_cards_wrapper .capability_card {
        max-width: calc((100% - 30px) / 2);
        width: 100%;
    }

    .deployment .deploy_card_wrap .deploy_card {
        max-width: calc((100% - 30px) / 2);
        width: 100%;
    }

    .four_cards_row .four_cards_row_wrap .four_card {
        max-width: calc((100% - 20px) / 2);
        width: 100%;
    }
}

@media(max-width:768px) {

    .product_capsules .product_capsule {
        padding: 12px 24px;
    }

    .product_capsules .product_capsule_head h1 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .product_capsules .product_capsule_head h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .product_capsules .product_capsule_head h3 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .product_capsules .product_capsule_head h4 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .product_capsules .product_capsule_head h5 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .product_capsules .product_capsule_head h6 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .product_capsules .product_capsule_head p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .product_capsules .product_capsules_main h3 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .workflow_tabs .workflow_tabs_head {
        padding-bottom: 40px;
    }

    .workflow_tabs .workflow_tabs_head h1 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .workflow_tabs .workflow_tabs_head h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .workflow_tabs .workflow_tabs_head h3 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .workflow_tabs .workflow_tabs_head h4 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .workflow_tabs .workflow_tabs_head h5 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .workflow_tabs .workflow_tabs_head h6 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .workflow_tabs .workflow_tabs_head p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .workflow_tabs .workflow_tabs_wrapper .work_wrap .work_medium_wrap .work_medium {
        flex-direction: column;
        gap: 20px;
        padding: 25px;
    }

    .workflow_tabs .workflow_tabs_wrapper .nav-pills {
        flex-direction: column;
        gap: 20px;
        border-bottom: none;
    }

    .workflow_tabs .workflow_tabs_wrapper .nav-pills li {
        max-width: 100%;
    }

    .workflow_tabs .workflow_tabs_wrapper .workflow_tab_item button {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .workflow_tabs .workflow_tabs_wrapper .work_wrap .work_medium_wrap .work_medium .work_number {
        font-size: var(--fs-20);
        line-height: var(--lh-normal);
        padding: 15px 20px;
    }

    .workflow_tabs .workflow_tabs_wrapper .work_wrap .work_bottom p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .workflow_tabs .workflow_tabs_wrapper .work_wrap .work_top p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .stage_cards_with_image .stage_card_with_image_head {
        padding-bottom: 40px;
    }

    .stage_cards_with_image .stage_card_with_image_head h1 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .stage_cards_with_image .stage_card_with_image_head h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .stage_cards_with_image .stage_card_with_image_head h3 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .stage_cards_with_image .stage_card_with_image_head h4 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .stage_cards_with_image .stage_card_with_image_head h5 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .stage_cards_with_image .stage_card_with_image_head h6 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .stage_cards_with_image .stage_card_with_image_head p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .stage_cards_with_image .stage_card_wrapper .stage_card {
        max-width: 100%;
        width: 100%;
        padding: 25px;
    }

    .stage_cards_with_image .stage_card_wrapper .stage_card .stage_card_title h2 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .stage_cards_with_image .stage_card_wrapper .stage_card .stage_card_desc p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .capabilities_cards .capabilities_cards_head {
        padding-bottom: 40px;
    }

    .capabilities_cards .capabilities_cards_head h1 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .capabilities_cards .capabilities_cards_head h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .capabilities_cards .capabilities_cards_head h3 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .capabilities_cards .capabilities_cards_head h4 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .capabilities_cards .capabilities_cards_head h5 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .capabilities_cards .capabilities_cards_head h6 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .capabilities_cards .capabilities_cards_head p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .capabilities_cards .capabilities_cards_wrapper .capability_card {
        max-width: 100%;
        width: 100%;
    }

    .capabilities_cards .capabilities_cards_wrapper .capability_card .capability_image img {
        height: 100%;
    }

    .capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc h2 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc {
        padding-bottom: 80px;
    }

    .capabilities_cards .capabilities_cards_wrapper .capability_card .capability_desc .capability_btn {
        bottom: 30px;
    }

    .deployment .deployment_head {
        padding-bottom: 40px;
    }

    .deployment .deployment_head h1 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .deployment .deployment_head h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .deployment .deployment_head h3 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .deployment .deployment_head h4 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .deployment .deployment_head h5 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .deployment .deployment_head h6 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .deployment .deployment_head p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .deployment .deploy_card_wrap .deploy_card {
        max-width: 100%;
        width: 100%;
    }

    .deployment .deployment_architecture_ticks h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .deployment .deployment_architecture_ticks_wrap {
        flex-direction: column;
        gap: 0;
    }

    .deployment .deployemnt_technical_buttons_wrap {
        gap: 16px;
    }

    .deployment .deployment_technical_wrap h2 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .four_cards_row .four_cards_row_head {
        padding-bottom: 40px;
    }

    .four_cards_row .four_cards_row_head h1 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .four_cards_row .four_cards_row_head h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .four_cards_row .four_cards_row_head h3 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .four_cards_row .four_cards_row_head h4 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .four_cards_row .four_cards_row_head h5 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .four_cards_row .four_cards_row_head h6 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .four_cards_row .four_cards_row_head p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .four_cards_row .four_cards_row_wrap .four_card {
        max-width: 100%;
        width: 100%;
    }
}