.feature-item {
    margin-top: 20px;
    align-items: start;
}
.feature-item .xb-item--icon {
    height: 74px;
    width: 74px;
    margin-right: 30px;
    background: linear-gradient(180deg, #ffe6d9 0%, #fff 100%);
}
.feature-item .xb-item--holder {
    width: calc(100% - 104px);
}
.feature-item .xb-item--title {
    margin-bottom: 10px;
}
.feature-item .xb-item--content {
    color: #49515b;
}
.feature-table tr {
    border-bottom: 1px solid rgba(231, 232, 236, 0.4);
}
.feature-table tr:first-child td:first-child {
    border-top-left-radius: 20px;
}
.feature-table tr:first-child td:last-child {
    border-top-right-radius: 20px;
}
.feature-table tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
}
.feature-table tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
}
.feature-table tr th {
    font-size: 28px;
    font-weight: 500;
    padding: 40px 0;
    color: var(--color-heading-two);
    font-family: var(--font-heading);
}
.feature-table tr th:nth-child(2) {
    border-radius: 20px 20px 0 0;
    background-color: var(--color-primary-two);
}
.feature-table tr td {
    background: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 25px 0;
    letter-spacing: -0.01em;
    color: var(--color-heading-two);
}
.feature-table tr td:nth-child(1), .feature-table tr th:nth-child(1) {
    width: 46%;
    padding-left: 60px;
}
.feature-table tr td:nth-child(2), .feature-table tr th:nth-child(2) {
    width: 28%;
    text-align: center;
    background-color: var(--color-primary-two);
}
.feature-table tr td:nth-child(3), .feature-table tr th:nth-child(3) {
    width: 28%;
    text-align: center;
}
.feature-table .table-body {
    border: 1px solid #e7e8ec;
    box-shadow: 0 4px 13px 0 rgba(119, 152, 215, 0.19);
}
.cs-feature-item {
    display: inline-block;
    margin-top: 30px;
}
.cs-feature-item:not(:last-child) {
    margin-right: 82px;
}
.cs-feature-item .xb-item--icon {
    min-height: 70px;
}
.cs-feature-item .xb-item--title {
    font-size: 20px;
    margin: 20px 0 15px;
}
.hd-feature-item {
    height: auto;
    width: 332px;
    z-index: 1;
    padding: 30px;
    cursor: pointer;
    padding-top: 22px;
    position: relative;
    background: #000;
    display: inline-block;
}
.hd-feature-item::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 3px;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: inherit;
    background: var(--color-white);
}
.hd-feature-item .xb-item--title {
    font-size: 22px;
    margin-bottom: 10px;
}
.hd-feature-item .xb-item--content {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.hd-feature-item .xb-item--meta {
    margin-top: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.hd-feature-item .xb-item--meta li span {
    display: block;
    font-weight: 700;
    margin-top: 10px;
    color: var(--color-heading-three);
}
.hd-feature-item:hover {
    transform: scale(1.2);
}
.hd-feature-button {
    padding: 6px;
    background-color: var(--color-white);
    display: inline-block;
}
.hd-feature-button span {
    padding: 26px 50px 45px 73px;
    display: inline-block;
    border-radius: inherit;
    background: #d4f479;
}
.hd-feature-button:hover {
    transform: scale(1.1);
}
.xb-feature-wrap {
    z-index: 1;
}
.xb-feature-wrap::before {
    position: absolute;
    bottom: -13%;
    left: 0;
    right: 0;
    width: 100%;
    height: 400px;
    content: "";
    background-image: url(../img/feature_blur.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.xb-feature-wrap .xb-shape {
    position: absolute;
    top: 86%;
    left: 50%;
    width: 466px;
    height: 518px;
    z-index: -1;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(216, 215, 199, 0.24);
    border-bottom: none;
    background: linear-gradient(180deg, rgba(214, 222, 191, 0.54) 0%, #f6f0e6 100%);
}
.xb-feature-wrap .xb-shape::before, .xb-feature-wrap .xb-shape::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: inherit;
    animation: push-scale-one 1500ms ease-out infinite;
    background: linear-gradient(180deg, rgba(223, 231, 203, 0.15) 0%, #f6f0e6 100%);
}
.xb-feature-wrap .xb-shape::after {
    animation: push-scale-two 1500ms ease-out infinite;
    background: linear-gradient(178deg, rgba(214, 222, 191, 0.13) 0%, #f6f0e6 100%);
}
.xb-feature-wrap .xb-shape span {
    position: absolute;
    height: 50%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #f6f0e6;
}
.hd-feature--top {
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
}
.hd-feature--top .xb-item--meta li:not(:last-child) {
    margin-right: 15px;
}
.hd-feature--middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}
.hd-feature--middle .xb-item--title {
    margin-top: 15px;
}
.hd-feature--bottom .xb-item--meta {
    display: flex;
    justify-content: space-between;
}
.hd-feature--bottom .xb-item--meta li {
    margin-right: 0;
}
.hd-button-box .xb-arrow .arrow {
    position: absolute;
}
.hd-button-box .xb-arrow .arrow--one {
    top: -60px;
    left: 50%;
    transform: rotate(90deg);
}
.hd-button-box .xb-arrow .arrow--two {
    top: 50%;
    right: -70px;
    transform: translateY(-50%);
}
.hd-button-box .xb-arrow .arrow--three {
    left: 50%;
    bottom: -60px;
    transform: rotate(-90deg);
}
.hd-button-box .xb-arrow .arrow--four {
    top: 50%;
    left: -70px;
    transform: translateY(-50%);
}
.hd-button-box .xb-arrow .arrow--five {
    top: -24px;
    right: -29px;
}
.feature-left-item .xb-img-two {
    position: absolute;
    left: -40px;
    top: 64px;
}
.feature-left-item .xb-img-two img {
    animation: updown-3 5s linear infinite;
}
.cd-feature .title {
    font-size: 100px;
    line-height: 150px;
    letter-spacing: -0.02em;
    text-align: center;
    text-transform: uppercase;
}
.cd-feature .xb-shape .shape {
    position: absolute;
}
.cd-feature .xb-shape .shape--one {
    top: 46%;
    left: 19%;
}
.cd-feature .xb-shape .shape--two {
    top: 14.5%;
    right: 16%;
}
.xb-btn-wrapper {
    display: inline-block;
}
.da-feature-wrap {
    background: #d5dcf7;
    border-top: 1px solid #d5dcf7;
    border-bottom: 1px solid #d5dcf7;
}
.da-feature-item {
    background: #f4f5fc;
    padding: 68px 100px 40px 46px;
}
.da-feature-item:hover {
    background: #fff;
}
.da-feature-item .xb-item--icon {
    min-height: 70px;
    display: inline-flex;
}
.da-feature-item .xb-item--title {
    font-size: 38px;
    font-weight: 400;
    line-height: 50px;
    margin: 35px 0 28px;
}
.da-feature-item .xb-item--content {
    font-weight: 400;
    font-size: 16px;
    line-height: 187%;
    color: #212877;
}
.fea-col:nth-child(1) .xb-item--holder {
    padding-left: 215px;
}
.fea-col:nth-child(1) .da-feature-item {
    margin-right: 66px;
    border-radius: 0 10px 10px 0;
}
.fea-col:nth-child(2) .da-feature-item {
    margin-right: 1px;
    margin-left: -65px;
}
.fea-col:nth-child(3) .da-feature-item {
    margin-right: -65px;
}
.fea-col:nth-child(4) .xb-item--holder {
    padding-right: 215px;
}
.fea-col:nth-child(4) .da-feature-item {
    margin-left: 66px;
    border-radius: 10px 0 0 10px;
}
.ap-feature-item {
    max-width: 244px;
}
.ap-feature-item .xb-item--icon {
    min-height: 57px;
}
.ap-feature-item .xb-item--title {
    font-weight: 700;
    margin: 28px 0 15px;
    letter-spacing: 0em;
    text-transform: capitalize;
    color: #F9B479 ;
}
.ap-feature-item .xb-item--content {
    line-height: 26px;
    color: white;
    font-family: 'Noto Sans', sans-serif;
}
.ap-fea-item {
    overflow: hidden;
    display: inline-block;
}
.ap-fea-item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(12, 17, 29, 0) 0%, rgba(12, 17, 29, 0.69) 63.19%, #0c111d 100%);
}
.ap-fea-item .xb-item--content {
    position: absolute;
    z-index: 2;
    left: 5px;
    right: 20px;
    bottom: 49px;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    letter-spacing: 0em;
    color: var(--color-white);
    padding: 0 15px;
}
.ap-fea-item:hover .xb-item--img {
    transform: scale(1.1);
}

.about-title .title{
    font-size: 24px !important;
    color: white !important;
}

.about-title .content{
    color: white !important;
    font-family: 'Noto Sans', sans-serif;
}

.about-title  .sub-title {
   font-weight: 700;
}