/* MVP specific styles */
.mvp-page .mvp_development_hero_sec {
    padding: 178px 0 60px;
}

.mvp-page .mvp_development_hero_sec .shs_textDiv {
    width: 70%;
}

.mvp-page .mvp_development_hero_sec .ds_textDiv {
    position: relative;
}

.mvp-page .mvp_dev_icons_box {
    margin: 130px 0 0;
}

.mvp-page .mvp_dev_middle_circleBox img {
    border-radius: 17px;
    z-index: 1;
    position: relative;
    width: 150px;
}

.mvp-page .mvp_dev_icon {
    width: 82px;
    height: 82px;
    border-radius: 20px;
    background-color: #ffffff;
    border: 1px solid #f0e8fc;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 15px -2px #10182833;
    position: absolute;
    left: 50%;
    bottom: 78px;
    transform: translate(-50%, 0);
    z-index: 0;
}

.mvp-page .mvp_dev_icon img {
    width: 50%;
    height: 50%;
    object-fit: contain;
}

.mvp-page .mvp_dev_icon1 {
    animation: mvp_moveIcon1 2s cubic-bezier(.53, 0, .47, 1) forwards;
}

.mvp-page .mvp_dev_icon2 {
    animation: mvp_moveIcon2 2s cubic-bezier(.53, 0, .47, 1) forwards;
}

.mvp-page .mvp_dev_icon3 {
    animation: mvp_moveIcon3 2s cubic-bezier(.53, 0, .47, 1) forwards;
}

.mvp-page .mvp_dev_icon4 {
    animation: mvp_moveIcon4 2s cubic-bezier(0.53, 0, 0.47, 1) forwards;
}

.mvp-page .mvp_dev_icon5 {
    animation: mvp_moveIcon5 2s cubic-bezier(.53, 0, .47, 1) forwards;
}

.mvp-page .mvp_dev_icon6 {
    animation: mvp_moveIcon6 2s cubic-bezier(.53, 0, .47, 1) forwards;
}

@keyframes mvp_moveIcon1 {
    0% {
        bottom: 78px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0) rotate(0deg);
        z-index: -1;
        scale: 0.5;
        top: calc(100% - 130px);
    }

    100% {
        top: 0;
        left: -14%;
        transform: translate(0, 0) rotate(0deg);
        z-index: 0;
        scale: 1;
    }
}

@keyframes mvp_moveIcon2 {
    0% {
        bottom: 78px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0) rotate(0deg);
        z-index: -1;
        scale: 0.5;
        top: calc(100% - 130px);
    }

    100% {
        top: 20%;
        left: -18%;
        transform: translate(0, 0) rotate(0deg);
        z-index: 0;
        scale: 1;
    }
}

@keyframes mvp_moveIcon3 {
    0% {
        bottom: 78px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0) rotate(0deg);
        z-index: -1;
        scale: 0.5;
        top: calc(100% - 130px);
    }

    100% {
        top: 40%;
        left: 4%;
        transform: translate(0, 0) rotate(0deg);
        z-index: 0;
        scale: 1;
    }
}

@keyframes mvp_moveIcon4 {
    0% {
        bottom: 78px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0) rotate(0deg);
        z-index: -1;
        scale: 0.5;
        top: calc(100% - 130px);
    }

    100% {
        top: 0;
        left: 100%;
        right: -80%;
        transform: translate(80%, 0) rotate(0deg);
        z-index: 0;
        scale: 1;
    }
}

@keyframes mvp_moveIcon5 {
    0% {
        bottom: 78px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0) rotate(0deg);
        z-index: -1;
        scale: 0.5;
        top: calc(100% - 130px);
    }

    100% {
        top: 20%;
        right: -75%;
        left: 100%;
        transform: translate(125%, 0) rotate(0deg);
        z-index: 0;
        scale: 1;
    }
}

@keyframes mvp_moveIcon6 {
    0% {
        bottom: 78px;
        left: 50%;
        right: 50%;
        transform: translate(-50%, 0) rotate(0deg);
        z-index: -1;
        scale: 0.5;
        top: calc(100% - 130px);
    }

    100% {
        top: 40%;
        right: -95%;
        left: 100%;
        transform: translate(-145%, 0) rotate(0deg);
        z-index: 0;
        scale: 1;
    }
}

.mvp-page .mvp_cards_flexrow {
    align-items: flex-start;
}

.mvp-page .mvp_cards_flexrow_col {
    flex: 0 0 calc(50% - 11px);
    max-width: calc(50% - 11px);
}

.mvp-page .mvp_cards_flexrow_col .s_cards_col .pd_c_imgBox {
    height: 192px;
}

.mvp-page .mvp_cards_flexrow_col .s_cards_col .s_card_foot {
    padding-top: 30px;
}

.mvp-page .mvp_cards_flexrow_col .s_cards_col .pd_c_imgBox img {
    padding-top: 20px;
}

.mvp-page .mvp_cards_flexrow_col2 .s_cards_col:first-child .pd_c_imgBox {
    height: auto;
}

.mvp-page .mvp_cards_flexrow_col2 .s_cards_col:nth-child(2) .pd_c_imgBox {
    height: 212px;
}

.mvp-page .mvp_cards_flexrow_col2 .s_cards_col:nth-child(2) .pd_c_imgBox img {
    height: 212px;
}

.mvp-page .custom_mvp_tabs {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 22px;
}

.mvp-page .custom_mvp_tabs li {
    flex: 1;
}

.mvp-page .custom_mvp_tabs li button {
    width: 100%;
    height: 132px;
    font-size: 20px;
    font-weight: 600;
    background-color: #f7f7f9;
    border-radius: 8px !important;
    color: #000;
}

.mvp-page .custom_mvp_tabs li button.active {
    background-color: #0049ff !important;
}

.mvp-page .gradientRings_sec {
    padding: 0 0 128px;
}

.mvp-page .gradientRings_outer {
    border-radius: 12px;
    background-image: linear-gradient(346deg, rgba(195, 165, 243, 0.7), rgba(195, 165, 243, 0.1), rgba(195, 165, 243, 0.7));
}

.mvp-page .gradientRings_inner {
    padding: 62px 72px;
    background-image: url("../images/white_circles.svg");
    background-size: 122% auto;
    background-position: -205% center;
    background-repeat: no-repeat;
    background-origin: content-box;
}

.mvp-page .gri_textBox {
    width: 60%;
}

.mvp-page .gri_textBox_inner {
    margin: 0 0 32px;
    color: #000;
}

.mvp-page .gri_textBox_inner h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}

.mvp-page .gri_textBox_inner p {
    font-size: 18px;
    margin: 16px 0 0;
}

.mvp-page .gri_btn {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    padding: 12px 20px;
    display: inline-block;
}

.mvp-page .engagement_modal_section {
    padding-bottom: 190px;
}

.mvp-page .engagement_modal_table {
    border-radius: 8px;
    overflow-x: auto;
    border-collapse: collapse;
}

.mvp-page .engagement_modal_table table {
    background-color: #ffffff;
    margin: 0;
    --bs-table-border-color: #e4e5e7;
}

.mvp-page .engagement_modal_table table thead th {
    vertical-align: baseline;
    font-size: 20px;
}

.mvp-page .engagement_modal_table table tbody {
    font-size: 18px;
}

.mvp-page .engagement_modal_table table tbody td ul {
    padding-left: 16px;
}

.mvp-page .engagement_modal_table table thead th,
.mvp-page .engagement_modal_table table tbody td {
    padding: 24px 20px;
    position: relative;
    background-color: #f7f7f9;
}

.mvp-page .engagement_modal_table table tbody th {
    padding: 24px 20px;
    color: #9296a0;
}

.mvp-page th.rounded_cell:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 8px;
    background-color: #f7f7f9;
    z-index: 0;
    border-left: 1px solid #e4e5e7;
    border-top: 1px solid #e4e5e7;
}

.mvp-page th.rounded_cell {
    border-left: 0;
    background-color: #fff !important;
    position: relative;
}

.mvp-page .engagement_modal_table table thead tr {
    border-top: 0;
}

.mvp-page .brt_1 {
    border-top: 1px solid #e4e5e7 !important;
}

.mvp-page .emt_btr0 {
    border-right: 0 !important;
    border-top: 0 !important;
    background-color: #fff !important;
    min-width: 297px;
    border-left: 0;
}

.mvp-page .brb0 {
    border-bottom: 0;
}

.mvp-page .rounded_cell span {
    z-index: 1;
    position: relative;
}

.mvp-page tr.greybg th,
.mvp-page tr.greybg td {
    background-color: #f1f2f3 !important;
}

.mvp-page .brt0 {
    border-top: 0;
}

.mvp-page .brt1 {
    border-top: 1px solid #e4e5e7 !important;
}

@media only screen and (max-width: 991px) {
    .mvp-page .mvp_development_hero_sec .shs_textDiv {
        width: 100%;
    }

    .mvp-page .mvp_dev_icon {
        width: 64px;
        height: 64px;
    }
}

@media only screen and (max-width: 767px) {
    .mvp-page .mvp_development_hero_sec {
        padding: 96px 0 32px;
    }

    .mvp-page .mvp_dev_icons_box {
        margin-top: 80px;
    }

    .mvp-page .mvp_cards_flexrow_col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .mvp-page .custom_mvp_tabs {
        flex-wrap: wrap;
    }

    .mvp-page .custom_mvp_tabs li {
        flex: 0 0 calc(50% - 8px);
    }

    .mvp-page .custom_mvp_tabs li button {
        height: 84px;
        font-size: 14px;
    }

    .mvp-page .gradientRings_inner {
        padding: 34px 24px;
        background-size: cover;
        background-position: center;
    }

    .mvp-page .gri_textBox {
        width: 100%;
    }

    .mvp-page .mvp_development_hero_sec {
        padding: 90px 0 80px;
    }

    .mvp-page .mvp_dev_middle_circleBox img {
        width: 90px;
    }

    .mvp-page .mvp_dev_icons_box {
        margin: 90px 0 0;
        position: relative;
    }

    .mvp-page .mvp_development_hero_sec .pdh_textDiv_inner p.pdh_p {
        width: 100%;
    }

    .mvp-page .mvp_dev_icon {
        bottom: 31px;
        animation: none;
        transform: translate(0, 0);
    }

    .mvp-page .mvp_dev_icon1 {
        left: 20px;
        top: -30px;
    }

    .mvp-page .mvp_dev_icon2 {
        left: 40px;
        top: 8px;
    }

    .mvp-page .mvp_dev_icon3 {
        left: 70px;
    }

    .mvp-page .mvp_dev_icon4 {
        right: 20px;
        top: -30px;
        left: unset;
    }

    .mvp-page .mvp_dev_icon5 {
        right: 40px;
        top: 8px;
        left: unset;
    }

    .mvp-page .mvp_dev_icon6 {
        right: 70px;
        left: unset;
    }

    .mvp-page .engagement_modal_table table tbody th,
    .mvp-page .engagement_modal_table table thead th,
    .mvp-page .engagement_modal_table table tbody td {
        padding: 14px;
    }

    .mvp-page .engagement_modal_table table tbody,
    .mvp-page .engagement_modal_table table thead th {
        font-size: 14px;
    }

    .mvp-page .emt_btr0 {
        min-width: 206px;
    }

    .mvp-page .engagement_modal_table table tbody td ul {
        padding-left: 14px;
    }

    .mvp-page .engagement_modal_section {
        padding-bottom: 90px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
    .mvp-page .mvp_dev_icon1 {
        left: 20px !important;
        top: -60px !important;
    }

    .mvp-page .mvp_dev_icon2 {
        left: 90px !important;
        top: -18px !important;
    }

    .mvp-page .mvp_dev_icon3 {
        left: 170px !important;
    }

    .mvp-page .mvp_dev_icon4 {
        right: 20px !important;
        top: -60px !important;
        left: unset !important;
    }

    .mvp-page .mvp_dev_icon5 {
        right: 90px !important;
        top: -18px !important;
        left: unset !important;
    }

    .mvp-page .mvp_dev_icon6 {
        right: 170px !important;
        left: unset !important;
    }

    .mvp-page .custom_mvp_tabs li button {
        height: 68px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .mvp-page .mvp_just_space {
        padding-bottom: 88px;
    }
}