/* table area start here */

.no-overflow {
    overflow: unset !important;
}

body {
    overflow-x: hidden;
}

.table__area {
    padding-block: 100px;
    background: linear-gradient(to bottom, #f2edfd 1%, #fcfaff 100%);
}

.section__tittle h1 {
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 10px;
}

.section__tittle p {
    color: rgba(17, 3, 45, 0.70);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.section__tittle {
    max-width: 850px;
    margin-inline: auto;
}

.section__tittle h1 .violet-gr {
    background: linear-gradient(176deg, #045CD9 -20.51%, #F656F8 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





.section__title h2 {
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 16px;
}

.section__title p {
    color: rgba(17, 3, 45, 0.70);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.section__title {
    max-width: 900px;
    margin-inline: auto;
    margin-bottom: 40px;
}

.section__title h2 .violet-gr {
    background: linear-gradient(176deg, #045CD9 -20.51%, #F656F8 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}







.table__content .section__title {
    margin-bottom: 48px;
}

.table__wrapper {
    padding: 60px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 6px 32px 0 rgba(17, 3, 45, 0.06);
}

.stand__outTable {
    width: 100%;
}

.stand__outTable th {
    width: 33.33%;
}

.stand__outTable tr:first-child th:first-child {
    border-top-left-radius: 8px;
}

.stand__outTable tr:first-child th:last-child {
    border-top-right-radius: 8px;
}

.stand__outTable tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.stand__outTable tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.logo__cell a {
    border-radius: 12px;
    border: 1px solid #D2D2D5;
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    padding: 20px;
}

.heading__otherCell span {
    color: var(--title-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 12px;
    border: 1px solid #D2D2D5;
    background: rgba(90, 161, 234, 0.12);
    display: block;
    padding: 20px;
}

.logo__cell,
.heading__otherCell {
    padding: 24px 20px 34px 20px;
}

.logo__cell a svg {
    width: 180px;
    height: auto;
}

#f356454cb4 g {
    fill: white;
}

.greenicon {
    filter: brightness(0) saturate(100%) invert(52%) sepia(65%) saturate(6239%) hue-rotate(111deg) brightness(103%) contrast(107%);
}

.redicon {
    filter: brightness(0) saturate(100%) invert(18%) sepia(91%) saturate(7484%) hue-rotate(357deg) brightness(95%) contrast(96%);
}
.data__cellTable img {
    width: 24px;
}

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

.data__cellTable span {
    color: #11032D;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}

.stand__outTable tr td {
    padding: 20px;
}

.stand__outTable tr:nth-child(even) {
    background: #F2F7FD;
}

.stand__outTable tr {
    border-radius: 10px;
    border: 1px solid #D2D2D5;
}

.stand__outTable::after {
    position: absolute;
    content: '';
    width: 33.334%;
    height: 103.6%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    border: 3px solid transparent;
    border-image: linear-gradient(101deg, #FFB220 0%, #FF5D00 100%);
    border-image-slice: 1;
    z-index: 1;
    padding: 0px;
    background: linear-gradient(101deg, #FFB220, #FF5D00);
    border-radius: 12px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    box-sizing: border-box;
}

/* table area end here */



/* feature area start here */

.feature__area {
    padding-block: 100px;
}

.feature__title h2 {
    margin-bottom: 20px;
}

.feature__icon i {
    background: linear-gradient(45deg, #9341d4 0, #d98efb 100%);
    filter: drop-shadow(0px 40px 15px rgba(147, 65, 212, .4));
    -webkit-filter: drop-shadow(0px 40px 15px rgba(147, 65, 212, 0.4));
    -moz-filter: drop-shadow(0px 40px 15px rgba(147, 65, 212, 0.4));
    transform: var(--transform-fix);
    font-size: 50px;
    color: #fff;
}

.feature__flex {
    margin-top: 30px;
}

.single__feature {
    width: 24%;
    border-radius: 15px;
    padding-top: 30px;
}

.feature__text h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
}

.feature__icon i {
    transform: var(--transform-fix);
    font-size: 50px;
    color: #fff;
    width: 102px;
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: auto;
}

.feature1 .feature__icon i {
    background: linear-gradient(45deg, #9341d4 0, #d98efb 100%);
    filter: drop-shadow(0px 40px 15px rgba(147, 65, 212, .4));
    -webkit-filter: drop-shadow(0px 40px 15px rgba(147, 65, 212, 0.4));
    -moz-filter: drop-shadow(0px 40px 15px rgba(147, 65, 212, 0.4));
}

.feature2 .feature__icon i {
    background: #ffdb8d;
    background: linear-gradient(45deg, #ffb16b 0, #ffdb8d 100%);
    filter: drop-shadow(0px 40px 15px rgba(255, 186, 114, .4));
    -webkit-filter: drop-shadow(0px 40px 15px rgba(255, 186, 114, 0.4));
}

.feature3 .feature__icon i {
    background: #63e8e4;
    background: linear-gradient(45deg, #19a5a1 0, #63e8e4 100%);
    filter: drop-shadow(0px 40px 15px rgba(79, 188, 186, .4));
    -webkit-filter: drop-shadow(0px 40px 15px rgba(79, 188, 186, 0.4));
    -moz-filter: drop-shadow(0px 40px 15px rgba(79, 188, 186, 0.4));
}

.feature4 .feature__icon i {
    background: #ff8aaf;
    background: linear-gradient(45deg, #f2026b 0, #ff8aaf 100%);
    filter: drop-shadow(0px 40px 15px rgba(245, 69, 144, .4));
    -webkit-filter: drop-shadow(0px 40px 15px rgba(245, 69, 144, 0.4));
    -moz-filter: drop-shadow(0px 40px 15px rgba(245, 69, 144, 0.4));
}

.single__feature.feature1 {
    background: #EFDFF7;
}

.single__feature.feature2 {
    background: #FFE8C6;
}

.single__feature.feature3 {
    background: #D0F3F2;
}

.single__feature.feature4 {
    background: #FFDAE8;
}

.feature__text {
    background: #fff;
    margin: 10px;
    border-radius: 15px;
    padding: 10px;
    margin-top: 40px;
    min-height: 242px;
}

/* feature area end here */



/* growth area start here */

.growth__area {
    background: #F0F7FC;
    margin: auto;
    padding-block: 80px;
}

.single__growth .growth__icon i {
    background: #daecf9;
    background: -webkit-gradient(linear, left bottom, left top, from(#daecf9), to(#fff));
    background: linear-gradient(0deg, #daecf9 0, #fff 100%);
    transform: var(--transform-fix);
    font-size: 50px;
    color: #EB593C;
    width: 102px;
    height: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: auto;
}

.single__growth {
    width: 48.7%;
    background-color: #fff;
    position: relative;
    border-radius: 2rem;
    padding: 3.7rem 6.2rem 2.5rem 4rem;
}

.growth__title h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 60px;
}

.growth__text h4 {
    margin-block: 20px;
    line-height: 24px;
    font-size: 28px;
    font-weight: 600;
}

.growth__text p {
    font-size: 16px;
    line-height: 30px;
    color: #666B6D;
}

.growth__flex {
    row-gap: 30px;
}

/* growth area end here */



/* divider area start here */

.divider__pin {
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.divider hr {
    margin: 0;
}

.divider__pin img {
    width: 28px;
}

/* divider area end here */

.article__flex {
    display: flex;
    justify-content: space-between;
}

.article__sidebar {
    width: 20%;
}

.article__main {
    width: 80%;
}


.article__sidebar {
    position: relative;
    /* parent reference */
}

.article__sidebar__box {
    position: sticky;
    top: 126px;
    max-height: 90vh;
    overflow-y: auto;
}

.article__anchor a.active {
    background: #FFE8C6;
    text-decoration: none !important;
    color: #F36233;
}

.toc {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc a {
    display: block;
    padding: 6px 10px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.toc a.active {
    font-weight: bold;
    color: #0077ff;
}

.article__main h2 {
    scroll-margin-top: 126px;
}




.article__anchor a {
    display: flex;
    font-size: 17px;
    font-weight: 500;
    padding: 8px;
    line-height: 26px;
    color: #0D3754;
    text-decoration: underline !important;
    border-radius: 5px;
    margin-bottom: 5px;
}

.article__anchor a:hover {
    text-decoration: none !important;
}

.article__sidebar {
    width: 30%;
}

.article__main {
    width: 69%;
}

.boost__presence {
    background: #FEF2F6;
    margin: auto;
    padding-block: 100px;
    padding-inline: 20px;
}

.boost__button__group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.boost__btn {
    background: #F36233;
    color: #fff;
    display: flex;
    position: relative;
    text-align: center;
    padding: 15px 10px;
    border-radius: 100px;
    width: 340px;
    font-size: 16px;
    font-weight: 600;
    margin: auto;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.boost__btn:hover {
    color: #fff;
    background: #000;
}

.questions__wrapper {
    width: 100% !important;
    border-radius: 0 !important;
}

.video__area .row {
    margin: 0;
}







@media (max-width: 991px) {
    .single__feature {
        width: 48%;
        border-radius: 15px;
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .article__sidebar {
        width: 100%;
    }

    .article__main {
        width: 100%;
    }

    .article__flex {
        flex-wrap: wrap;
    }

    .logo__cell a {
        padding: 10px;
    }

    .logo__cell a img {
        width: 100px;
        margin: auto;
    }

    .single__growth {
        padding: 2.7rem 2.2rem 2.5rem 2rem;
    }

    .table__wrapper {
        padding: 20px;
    }

    .data__cellTable span {
        font-size: 14px;
        line-height: 20px;
    }

    .stand__outTable tr td {
        padding: 10px;
    }

    .logo__cell,
    .heading__otherCell {
        padding: 15px;
    }

    .table__wrapper {
        padding: 60px 20px;
        overflow-y: scroll;
    }

    .stand__outTable {
        width: 500px;
    }
}

@media (max-width: 600px) {
    .single__feature {
        width: 100%;
        border-radius: 15px;
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .article__sidebar {
        width: 100%;
    }

    .article__main {
        width: 100%;
    }

    .article__flex {
        flex-wrap: wrap;
    }

    .single__growth {
        width: 100%;
        margin-inline: 20px;
    }

    .boost__btn {
        padding: 15px;
        width: 300px;
        font-size: 16px;
    }

    .data__cellTable span {
        font-size: 14px;
        line-height: 20px;
    }

    .stand__outTable tr td {
        padding: 10px;
    }

    .logo__cell,
    .heading__otherCell {
        padding: 15px;
    }

    .table__wrapper {
        padding: 60px 20px;
        overflow-y: scroll;
    }

    .stand__outTable {
        width: 500px;
    }

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

    .section__title p {
        font-size: 14px;
    }

    .section__title {
        margin-bottom: 30px;
    }

    .boost__presence {
        padding-block: 80px;
        margin-top: 40px;
        margin-inline: 20px;
    }

    .article__anchor a {
        font-size: 16px;
        padding-block: 5px;
    }

    .growth__title h2 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 40px;
    }
}