div#navbarNav ul#menu-header-menu li a {
    font-weight: 600;
    font-size: 16px;
    margin-right: 57px;
    color: #15203c;
    text-decoration: none;
}

div#navbarNav ul#menu-header-menu li.menu-item-last {
    position: relative;
}

div#navbarNav ul#menu-header-menu li.menu-item-last::before {
    content: 'Coming Soon';
    position: absolute;
    top: -14px;
    background: #f7c904;
    border-radius: 20px;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 700;
    right: -34px;
    bottom: 22px;
}

section.clients-section .swiper-slide img.clients-logo {
    width: 100%;
    height: 85px;
    object-fit: scale-down;
}

section.clients-section .swiper-container {
    overflow: hidden;
}

section.header-section.blogs-header-section span.highlighter {
    background: #f7c904;
    padding: 5px 20px 5px 19px;
}

section.header-section.blogs-header-section .small-paragraph {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
}

section.category_blogs_section {
    margin-bottom: 50px;
    width: 100%;
    position: relative;
    background-color: #10182d;
    padding: 30px 0 30px 0;
}

section.category_blogs_section .category_blogs_content {
    display: flex;
    color: white;
}

section.category_blogs_section .category_blogs_content ul {
    display: flex;
}

section.category_blogs_section .category_blogs_content h4 {
    padding: 0;
    margin: 0;
    line-height: unset;
    font-size: 15px;
}

section.category_blogs_section .category_blogs_content ul {
    display: flex;
    margin: 0;
}

section.category_blogs_section .category_blogs_content ul li {
    font-size: 15px;
    margin-right: 20px;
    cursor: pointer;
}

section.category_blogs_section .category_blogs_content ul li.active {
    background-color: white;
    color: black;
    padding: 0px 10px;
    border-radius: 5px;
}

section.content_blogs_section .featured-box {
    width: 100%;
    /* or 100% if you want it to be full width */
    border: 1px solid #D5D5D2;
    position: relative;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}

section.content_blogs_section .tag {
    background-color: #f0c040;
    /* the yellow color */
    color: #10182c;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    font-weight: bold;
}

section.content_blogs_section .content {
    text-align: left;
    padding: 20px;
    background: white;
}

section.content_blogs_section .category-date {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px;
}

section.content_blogs_section .date {
    color: #10182c;
    /* Adjust color as needed */
}

section.content_blogs_section h2 {
    font-size: 1.25em;
    margin-bottom: 10px;
}

section.content_blogs_section p {
    color: #666;
    margin-bottom: 20px;
    font-size: 13px;
}

section.content_blogs_section .read-more {
    display: inline-block;
    padding: 10px 15px;
    color: #10182c;
    text-decoration: none;
    transition: background-color 0.3s;
    border-radius: 5px;
    border: 1px solid #10182c;
    font-size: 13px;
}

section.content_blogs_section {
    margin-bottom: 50px;
}

section.content_blogs_section .category-date span.category {
    background: #10182c;
    color: white;
    padding: 0 7px;
}

section.content_blogs_section .read-more i {
    transform: rotate(45deg);
}

@media screen and (max-width: 770px) {
    section.category_blogs_section .category_blogs_content ul {
        display: block;
    }

    .rs-footer .footer-bottom .copyright p {
        font-size: 13px;
    }

    .rs-footer .footer-bottom .developed {
        text-align: center;
        margin-top: 15px;
        font-size: 13px;
    }

    .header-section .small-paragraph {
        font-size: 12px;
    }

    section.time-line-section ul.stepprogress li.StepProgress-item1 {
        text-align: left;
    }

    section.time-line-section ul.stepprogress {
        padding-left: 31px;
    }

    .StepProgress-item1 {
        margin-right: 30px;
    }

    section.join-us-section .join-title {
        font-size: 25px;
    }

    .header-main-content p {
        font-size: 25px;
        line-height: 34px;
    }

    section.time-line-section {
        margin-bottom: 50px;
        margin-top: 50px;
    }

}

section.content_blogs_section .featured-box .featured-image img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

section.content_blogs_section .content a {
    color: black;
    text-decoration: none;
}

.section-with-sticky-element {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

@media screen and (min-width: 1280px) {
    .section-with-sticky-element {
        padding-left: 0;
        padding-right: 0;
    }
}


@media screen and (min-width: 1440px) {
    .section-with-sticky-element {
        padding-left: 0;
        padding-right: 0;
    }
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.post-grid {
    width: 100%;
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 22% 78%;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: start;
    justify-items: stretch;
    padding: 0 0px 0px;
    display: grid;
}

.post-right-sticky-block {
    z-index: 2;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
}

@media screen and (min-width: 1280px) {
    .post-right-sticky-block {
        width: 100%;
    }
}

@media screen and (min-width: 1440px) {
    .post-right-sticky-block {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1280px) {
    .post-right-sticky-block.sticky {
        top: 130px;
    }

    .post-right-sticky-block.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 130px;
    }
}

@media screen and (min-width: 1440px) {
    .post-right-sticky-block.sticky {
        top: 130px;
    }
}

.community-discuss {
    width: auto;
    background-color: #f5f6f6;
    border-radius: 10px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 32px;
    padding: 18px;
    display: flex;
}

@media screen and (min-width: 1440px) {
    .community-discuss {
        max-width: 224px;
    }
}

.body_text_22 {
    color: var(--black);
    letter-spacing: .25px;
    align-items: stretch;
    font-family: Aeonik, sans-serif;
    font-size: 22px;
    line-height: 142%;
    display: flex;
}

.div-block-2569 {
    margin-top: 8px;
    margin-bottom: 32px;
}

.body_text_15 {
    color: var(--black);
    font-family: Ibmplexsans, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 158%;
}

.div-block-2377 {
    width: 100%;
    max-width: 648px;
    color: var(--black);
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

@media screen and (min-width: 1280px) {
    .div-block-2377 {
        align-items: center;
        display: flex;
    }
}


.small-button-text {
    color: #212028;
    text-transform: uppercase;
    white-space: normal;
    font-family: Ibmplexmono, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    transition: opacity .15s;
}


.line_text {
    width: 20px;
    height: 1px;
    background-color: #88869a;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 0;
    padding-right: 0;
}

.body_text_13 {
    color: #666476;
    font-size: 13px;
    line-height: 148%;
}

.body_text_13.light_black {
    color: #212028;
}

.body_text_13.light_black.notcapital {
    text-transform: capitalize;
    display: block;
}

.div-block-2377 {
    width: 100%;
    max-width: 648px;
    color: #15141d;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

@media screen and (min-width: 1280px) {
    .div-block-2377 {
        align-items: center;
        display: flex;
    }
}

.autor-heading {
    color: #666476;
    margin-bottom: 1px;
    margin-right: 4px;
    font-family: Ibmplexmono, sans-serif;
    font-size: 16px;
    line-height: 178%;
}

.small-button-text {
    color: var(--light-black);
    text-transform: uppercase;
    white-space: normal;
    font-family: Ibmplexmono, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    transition: opacity .15s;
}

.small-button-text:hover {
    opacity: .5;
    color: var(--light-black);
}

.blog_hero_image {
    margin-top: 25px;
}

@media screen and (min-width: 1440px) {
    .blog_hero_image {
        max-width: 900px;
    }
}

.div-block-2408 {
    border-radius: 18px;
    overflow: hidden;
}

.rich-text-wrapper {
    margin-top: 40px;
}

.body_text_18.w-richtext p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.join_slack_section {
    width: 100%;
    height: auto;
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 100px;
    display: flex;
}

@media screen and (min-width: 1440px) {
    .join_slack_section {
        padding-top: 60px;
    }
}

.slack_grid_layout {
    width: 100%;
    height: auto;
    grid-column-gap: 30px;
    grid-row-gap: 14px;
    background-color: #10182c;
    text-align: center;
    border-radius: 18px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: center;
    margin-top: 0;
    padding: 54px 72px 72px;
    display: grid;
    color: white;
}

@media screen and (min-width: 1280px) {
    .slack_grid_layout {
        grid-column-gap: 40px;
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr;
        padding-left: 72px;
        padding-right: 72px;
    }
}

@media screen and (min-width: 1440px) {
    .slack_grid_layout {
        grid-column-gap: 70px;
        grid-template-columns: 1fr;
        align-items: start;
    }
}

.blog_hero_image .div-block-2408 img {
    width: 100%;
}

.post-right-sticky-block.sticky .related-blogs {
    background-color: #f5f6f6;
    border-radius: 10px;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    display: flex;
    width: 100%;
}


.related-blogs.related-blogs_single .post-wrap {
    display: flex;
}

.related-blogs.related-blogs_single .post-wrap .post-img {
    width: 100px;
    float: left;
    padding-right: 15px;
}

.related-blogs.related-blogs_single .post-wrap .post-desc a {
    color: black;
    text-decoration: none;
    font-size: 13px;
}

.related-blogs.related-blogs_single .post-wrap .post-desc .post-date {
    font-size: 12px;
}

.related-blogs.related-blogs_single .post-wrap .post-img a img {
    border-radius: 5px;
}

@media screen and (max-width: 479px) {
    .post-grid {
        width: 100%;
        margin-top: 0px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media screen and (max-width: 991px) {
    .post-grid {
        grid-row-gap: 32px;
        grid-template-columns: 100%;
        margin-top: 0px;
        padding-top: 0;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 991px) {
    .post-right-sticky-block.sticky {
        flex-direction: column;
        padding-left: 24px;
        padding-right: 24px;
        display: none;
    }
}

@media screen and (max-width: 479px) {
    .slack_grid_layout {
        width: 100%;
        grid-row-gap: 12px;
        margin-top: 0;
        margin-left: 0;
        padding: 48px 16px 48px;
    }

    .join_slack_section {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .section-with-sticky-element {
        margin-top: 0px;
    }
}

.slack_grid_layout .tnp.tnp-subscription form.newsletter-form {
    display: flex;
}

.slack_grid_layout .tnp.tnp-subscription form.newsletter-form button {
    color: white;
    background: #f7c904;
    box-shadow: none;
    border: none;
    width: auto;
}

.slack_grid_layout .tnp.tnp-subscription form.newsletter-form input[type="email"] {
    background: white;
}

section.tabs-section .header-main-content span.highlighter::after {
    background: #f7c904;
    height: 30px;
    width: 100%;
    bottom: -3px;
    left: 0;
    z-index: -1;
    content: '';
    position: absolute;
}

section.join-us-section button.c-submit-btn {
    box-shadow: none;
    border: none;
}

section.header-section .buttons-div_sticky {
    margin: 35px 1px 0px 0px;
    background: #10182c;
    width: fit-content;
    position: sticky;
    padding: 10px 15px 10px 15px;
    display: flex;
    color: white;
    align-items: center;
    border-radius: 5px;
}

section.header-section .buttons-div_sticky .c-btn {
    width: 118px;
    height: 35px;
    font-size: 13px;
}

section.header-section .buttons-div_sticky .c-btn.c-btn_new {
    border: 1px solid #ffff;
    color: white;
}

section.header-section .buttons-div_sticky p {
    margin-right: 15px;
}

/* Initially hide the buttons */
section.header-section .buttons-div_sticky.hidden {
    display: none;
}

/* Make the buttons sticky at the top when the .sticky class is added */
section.header-section .buttons-div_sticky.sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    /* Adjust z-index as needed */
    margin: 2px 1px 0px 0px;
}

section.content_blogs_section .content .content_tags ul.content_tags {
    padding: 0;
    display: flex;
}

section.content_blogs_section .content .content_tags ul.content_tags li {
    margin-right: 15px;
    font-size: 13px;
}

section.content_blogs_section .content .content_tags ul.content_tags li i {
    font-size: 15px;
    margin-right: 2px;
}

section.content_blogs_section .content .content_tags ul.content_tags li.content_cat {
    background: #10182c;
    color: white;
    padding: 2px 10px;
}

.custom-card-full .custom-card-title {
    text-transform: uppercase;
    font-size: 18px;
}

.custom-card-full .custom-card {
    padding: 20px 30px;
}

section.home-about-section .description-div {
    width: 80%;
}

.StepProgress-item1 p {
    left: -37px;
    width: 30px;
    height: 30px;
    line-height: 23px;
    font-size: 16px;
}

.StepProgress-item1 strong {
    font-size: 20px;
    padding: 0px 10px;
}

.tabs ul li.nav-item .nav-link {
    border-radius: 7px;
    width: 260px;
    text-align: center;
}

.header-section .small-paragraph {
    margin-top: 20px;
}

section.clients-section .container {
    max-width: 1000px;
}

section.jobs_main_section {
    margin-bottom: 50px;
    width: 100%;
    position: relative;
    background-color: #10182d;
    padding: 30px 0 30px 0;
}

section.jobs_main_section .jobs_title_content {
    color: white;
    text-align: center;
}

section.navbar-section div#navbarNav ul#menu-header-menu li.current-menu-item a {
    color: #f7c904;
}

section.navbar-section div#navbarNav ul#menu-header-menu li a:hover {
    color: #f7c904;
}

section.navbar-section div#navbarNav ul#menu-header-menu li.works_new a {
    background: unset;
    color: #10182c;
}

section.navbar-section div#navbarNav ul#menu-header-menu li.works_new a:hover {
    color: #f7c904;
}

section.navbar-section div#navbarNav ul#menu-header-menu li.about_new a {
    background: unset;
    color: #10182c;
}

section.navbar-section div#navbarNav ul#menu-header-menu li.about_new a:hover {
    color: #f7c904;
}

.newsletterpopup {
    display: none;
    position: fixed;
    z-index: 999999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgb(0 0 0 / 63%);
}

.newsletterpopup .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    /* Could be more or less, depending on screen size */
}

.newsletterpopup .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.newsletterpopup .close:hover,
.newsletterpopup .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.newsletterpopup ul {
    list-style: none;
    margin-top: 20px;
    padding-left: 0px;
}

.newsletterpopup ul li:before {
    content: '✓ ';
    color: #10182c;
    /* Or any color you prefer */
}

.newsletterpopup input[type=email] {
    width: calc(100% - 20px);
    padding: 10px;
    margin-top: 10px;
}

.newsletterpopup button {
    width: 100%;
    padding: 10px;
    background-color: green;
    /* Or any color you prefer */
    color: white;
    border: none;
    margin-top: 10px;
    cursor: pointer;
}

.newsletterpopup button:hover {
    background-color: darkgreen;
}

.newsletterpopup .privacy-policy {
    font-size: small;
    margin-top: 10px;
}

.newsletterpopup .newsletterpopup_image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 5px;
}

.newsletterpopup_form .tnp.tnp-subscription form.newsletter-form {
    display: flex;
    align-items: center;
}

.newsletterpopup_form .tnp.tnp-subscription form.newsletter-form button {
    margin-top: 0px;
    width: 100%;
    padding: 9px;
    background-color: #10182d;
    color: white;
    border: none;
}

.newsletterpopup_details p.privacy-policy svg {
    height: 20px;
    width: 20px;
    filter: opacity(0.5);
}

.newsletterpopup_details p {
    color: #ababab;
}

.newsletterpopup_form .tnp.tnp-subscription form.newsletter-form input[type="email"] {
    color: #ababab;
}

.newsletterpopup ul li {
    color: #ababab;
}

a.c-btn.active:hover {
    background: #10182c;
    transition: 0.3s;
    border: 1px solid #10182c;
}

.c-btn:hover {
    color: white;
    background: #f7c904;
    transition: 0.3s;
    border: 1px solid #f7c904;
}

.c-btn.active {
    background-color: #f7c904;
    border: 1px solid #f7c904;
}

section.join-us-section button.c-submit-btn:hover {
    background: #10182c;
    color: white;
    transition: 0.3s;
}

section.header-section .buttons-div_sticky.sticky a.c-btn.active {
    background: #f7c904;
    transition: 0.3s;
    border: 1px solid #10182c;
    color: #15203c;
}

.c-btn {
    background: white;
    color: #10182c !important;
}

.c-btn:hover {
    color: #ffff !important;
}

.footer-content ul.social-widget {
    display: flex;
    padding: 0;
}

.footer-content ul.social-widget li {
    margin-right: 10px;
}

.footer-content ul.social-widget li a img {
    width: 35px;
}

@media screen and (max-width: 1199px) {
    div#navbarNav ul#menu-header-menu li a {
        margin-right: 33px;
    }
}

@media screen and (max-width: 856px) {
    .header-main-content p {
        font-size: 49px;
    }
}

@media screen and (max-width: 770px) {
    .header-main-content p {
        font-size: 25px;
    }

    section.header-section .buttons-div_sticky .c-btn {
        width: 100px;
        height: 35px;
        font-size: 11px;
    }
}

@media screen and (max-width: 770px) {
    section.time-line-section ul.stepprogress {
        padding-left: 31px;
    }

    section.header-section .buttons-div_sticky p {
        margin-right: 5px;
    }

    .tabs ul li.nav-item .nav-link {
        margin: 3px 10px;
        padding: 5px 25px;
    }

    .navbar-collapse #menu-header-menu li {
        margin-bottom: 10px;
    }

    div#navbarNav ul#menu-header-menu li.menu-item-last::after {
        content: 'Coming Soon';
        position: absolute;
        top: -9px;
        background: #f7c904;
        border-radius: 20px;
        padding: 0 10px;
        font-size: 11px;
        font-weight: 700;
        left: 92px;
        bottom: 17px;
    }

    div#navbarNav ul#menu-header-menu li.menu-item-last::before {
        content: none;
    }
    .newsletterpopup .modal-content {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .small-paragraph br {
        display: none;
    }
    body {
        background-image: repeating-linear-gradient(to right, #e5e5e5fc, /* This is the color of the lines */ #e5e5e500 1px, /* Width of the lines */ transparent 1px, transparent 12% /* Space between the lines, adjust the percentage as needed */);
    }
}