.innermainmos h2,
.innermainmos h2 span {
    font-family: Inter;
    font-style: normal;
    font-weight: 700
}

.mos_banner {
    background-image: url("../images/mos-vs-bot/mos-vs-bot-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 0
}

.innermainmos {
    max-width: inherit
}

.innermainmos h2 {
    margin-bottom: 12px;
    color: var(--White, #fff);
    text-align: center;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -.72px
}

.innermainmos h2 span {
    color: var(--Theme-Blue-200, #9cabf7);
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -.8px
}

section.bulding p,
section.cpevsdiy h3 {
    color: var(--Theme-Dark-Blue-800, #26244a);
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    font-family: Inter;
    font-style: normal
}

.innermainmos h3 {
    color: var(--White, #fff);
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
    margin-bottom: 24px
}

.innermainmos p,
.tabledata th {
    color: var(--White, #fff);
    font-size: 20px;
    line-height: 30px
}

.innermainmos p {
    text-align: center;
    font-family: Inter;
    font-style: normal;
    font-weight: 400
}

section.bulding {
    padding: 48px 0;
    background-color: #fff
}

.tabledata,
section.cpevsdiy {
    background: var(--White, #fff)
}

section.bulding p {
    font-size: 24px;
    letter-spacing: -.48px
}

section.cpevsdiy {
    padding: 72px 0
}

section.cpevsdiy h3 {
    font-size: 36px;
    letter-spacing: -.72px;
    margin-bottom: 12px
}

.tabledata .accordion-body,
section.cpevsdiy .accordion-body p,
section.cpevsdiy .table_bottom_text p,
section.cpevsdiy p {
    color: var(--Text-Grey-600, #475467);
    font-weight: 400
}

section.cpevsdiy p {
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    line-height: 28px;
    max-width: inherit;
    margin: 0 auto 36px
}

.tabledata th,
section.mos_diy_img h2 {
    text-align: center;
    font-weight: 700;
    font-family: Inter;
    font-style: normal
}

.tabledata {
    padding: 36px;
    border-radius: 16px;
    border: 1px solid var(--Text-Grey-200, #eaecf0)
}

.tabledata th {
    padding: 16px;
    background: var(--Theme-Blue-800, #182878);
    white-space: nowrap;
    width: 13%
}

.tabledata th:first-child {
    border-radius: 8px 0 0 8px;
    text-align: left;
    width: 60%
}

.tabledata th:last-child {
    border-radius: 0 8px 8px 0
}

.tabledata .table>tbody tr td {
    color: var(--Text-Grey-700, #344054);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 8px !important;
    vertical-align: middle;
    border: none
}

.tabledata .table>tbody tr.accordion-toggle td {
    border-top: 1px solid #eaecf0
}

.tabledata .accordion-body {
    max-width: 638px;
    text-align: justify;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    padding-left: 28px
}

.tabledata .table>tbody tr.accordion-toggle td strong {
    color: var(--Text-Grey-600, #475467);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px
}

.tabledata .table>tbody tr.accordion-toggle td:not(:first-child) {
    pointer-events: none;
    text-align: center
}

.tabledata tr.accordion-toggle td:first-child .rotate-icon {
    transition: .4s;
    transform: rotate(0);
    display: inline-block
}

.tabledata tr.accordion-toggle.active td:first-child .rotate-icon {
    transform: rotate(180deg);
    transition: .4s;
    display: inline-block
}

section.cpevsdiy .accordion-body p {
    align-items: center;
    gap: 8px;
    align-self: stretch;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 0;
    display: none
}

.first-tdata {
    display: flex;
    align-items: flex-start
}

.L_and_D_Banner_Btns {
    display: flex;
    align-items: center;
    gap: 24px
}

.L_and_D_Banner_Btns a.Schedule_Call_Btn:hover {
    background: #fff;
    color: #3a58ef;
    border-color: #fff
}

.L_and_D_Banner_Btns a.Schedule_Call_Btn {
    background: #3a58ef;
    padding: 12px 20px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 #1018280D;
    border: 1px solid #3a58ef;
    margin-right: 0;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #fff;
    display: flex;
    align-items: center;
    max-width: 231px;
    gap: 8px
}

.L_and_D_Banner_Btns a.Demo_Video_Btn,
.L_and_D_Banner_Btns a.View_Pricing_Btn {
    border-radius: 4px;
    border: 1px solid var(--White, #fff);
    padding: 12px 20px;
    color: var(--White, #fff);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.L_and_D_Banner_Btns a.Schedule_Call_Btn:hover svg path {
    fill: #3A58EF
}

section.mos_diy_img {
    background: var(--Theme-Blue-50, #ebeefd);
    padding: 72px 0;
    text-align: center
}

section.mos_diy_img h2 {
    color: var(--Theme-Dark-Blue-800, #26244a);
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -.72px;
    margin-bottom: 48px
}

section.cpevsdiy .table_bottom_text p {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    margin-bottom: 16px;
    text-align: left;
    max-width: inherit
}

.table_bottom_text {
    border-top: 1px solid var(--Theme-Dark-Blue-200, #eaecf0);
    padding-top: 24px
}

.View_Samples_Box.Videos_Box.Video_Img_Box:after {
    content: '';
    background: url(../images/mos/Video_Play_Icon.svg);
    width: 80px;
    height: 80px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 23% auto;
    z-index: 9
}

.View_Samples_Box.Videos_Box.Video_Img_Box {
    position: relative
}

.View_Samples_Box.Videos_Box.Video_Img_Box img {
    position: relative;
    border-radius: 24px;
    z-index: 1
}


.Table_Bottom_Points {}

section.cpevsdiy  .Table_Bottom_Points p {
    margin-bottom: 16px;
    text-align: start;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--Text-Grey-600, #475467);

/* Text md / Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

@media(max-width:1366.51px) {
    .innermainmos h2 {
        font-size: 34px
    }

    .innermainmos p {
        font-size: 18px
    }
}

@media(max-width:767px) {
    .innermainmos h2 {
        font-size: 28px;
        line-height: 1.2
    }

    .innermainmos p {
        font-size: 20px;
        line-height: 1.2
    }

    .mos_banner {
        padding: 55px 0
    }

    section.bulding p {
        font-size: 16px
    }
}