.ebook-header-container .form-container {
    min-height: 465px;
}

.ebook-header-container .text-container {
    max-width: 650px
}

.related-ebooks-container .title {
    color: #fc794b;
    font-weight: 600;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 32px
}

.ebook-cards {
    flex-wrap: inherit
}

.related-ebooks-container .ebook-cards {
    padding: 20px 0 80px;
}

.related-ebooks-container .title {
    margin-bottom: 0
}

.ebook-preview-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    justify-content: flex-start;
    align-items: baseline;
    margin: 40px 0
}

.ipad-section .main-ipad {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    position: relative;
    left: -18px;
    -ms-user-select: none;
    display: flex;
    align-items: center
}

.ipad-section {
    display: flex;
    height: 100%;
    justify-content: end
}

.ipad-section .main-ipad .ipad-page {
    height: 100%;
    max-height: 800px
}

.ebook-preview-text {
    display: flex;
    flex-direction: column;
    align-self: start;
    background-image: url(/wp-content/uploads/2023/06/without-orange.png);
    background-color: #fd946f;
    padding-right: 27px;
    border-top-right-radius: 16px;
    margin-right: 10px;
    background-blend-mode: soft-light;
    border-bottom-right-radius: 16px;
    height: 100%;
}

.ebook-preview-text .ebook-cover-overlap,
.ebook-preview-text picture {
    position: relative;
    top: -161px;
    height: 436px;
}

.left-arrow {
    position: relative;
    left: 45px
}

.right-arrow {
    position: relative;
    right: 45px
}

.ebook-preview-text .content {
    position: relative;
    top: -151px
}

.ebook-preview-text .content h2 {
    color: #fff;
    font-weight: 600;
    font-size: 48px;
    margin-bottom: 34px;
    line-height: 43px
}

.ebook-preview-text .content .bullet-points {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.ebook-preview-text .content .bullet-points .point {
    display: flex;
    gap: 16px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    align-items: flex-start
}

.ipad-comment {
    display: flex;
    justify-self: center;
    /* margin-left: 120px; */
    color: #848fa3;
    font-weight: 500;
    font-size: 16px;
    align-items: center;
    line-height: 30px;
    margin-top: 16px;
    gap: 16px
}

.ebook-preview-text .content .bullet-points .point svg {
    width: 30px
}

.ebook-cards .ebook-cards__item {
    height: 490px;
    width: auto
}

.ebook-listing {
    flex-wrap: wrap
}

.ebook-listing .ebook-cards__item {
    width: calc(33.333% - 40px);
    height: auto
}

.my-slider-related .ebook-cards__item {
    box-shadow: none
}

@media(max-width: 800px) {
    .ebook-cards .ebook-cards__item .non-hover .title {
        margin-bottom: 39px;
        font-size: 12.8584px;
        line-height: 16px;
        color: #363e4e
    }

    .ebook-cards {
        padding: 0
    }

    .related-ebooks-container .tns-controls {
        display: none
    }

    .related-ebooks-container .title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px
    }

    .ebook-header-container .text-container {
        padding: 0
    }

    .ebook-preview-container {
        grid-template-columns: 1fr;
        column-gap: 0;
        margin-right: 0;
        margin-bottom: 70px;
        padding: 0;
        margin-top: 90px;
    }

    .ebook-preview-text .ebook-cover-overlap,
    .ebook-preview-text picture {
        height: auto;
        top: -53px;
        width: 100%
    }

    .ebook-preview-text .content {
        margin: 24px;
        top: -70px;
    }

    .ebook-preview-text {
        padding-right: 24px;
        padding-bottom: 40px;
        margin-bottom: 32px;
        margin-right: 0px;
        padding: 0;
        border-radius: 0
    }

    .ipad-section .main-ipad {
        margin: 0 24px;
        left: -27px;
        top: 40px
    }

    .ipad-section picture,
    .ipad-section img {
        width: 100%;
        grid-area: ipad;
        height: auto
    }

    .ebook-preview-text .content h2 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .ebook-preview-text .content .bullet-points {
        gap: 24px
    }

    .ebook-preview-text .content .bullet-points .point {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        align-items: flex-start
    }

    .main-ipad .right-arrow {
        right: 30px;
        display: block;
        grid-area: ar
    }

    .ipad-section {
        height: auto !important
    }

    .main-ipad .left-arrow {
        left: 30px;
        grid-area: al
    }

    .ipad-comment {
        margin-left: 0;
        height: 21px
    }

    .ebook-cards .ebook-cards__item {
        height: auto;
        display: flex;
        flex-direction: row;
        min-height: 260px;
        justify-content: space-evenly;
        box-shadow: 4px 4px 30px 4px rgba(209, 217, 230, .55)
    }

    .related-ebooks-container {
        margin-bottom: 100px
    }

    .related-ebooks-container .ebook-cards {
        width: auto
    }

    .ebook-listing {
        display: grid;
        grid-template-columns: 1fr
    }

    .ebook-listing .ebook-cards__item {
        width: 100%
    }

    .ebook-cards .ebook-cards__item .non-hover .ebook-card {
        max-height: 200px
    }
}

.homepage-header-container .growth-pod-form {
    display: flex;
    align-items: center
}

.growth-pod-form_wrapper {
    width: 100%
}

.homepage-header-container .growth-pod-form .gform-body .gform_fields,
.growth-pod-sem-2 .gform-body .gform_fields {
    width: 100%;
    border: none;
    border-radius: 0;
    background: 0 0;
    background-color: transparent
}

.homepage-header-container .growth-pod-form .gform-body .gform_fields .gfield {
    width: fit-content
}

.homepage-header-container .growth-pod-form .gform-body .gform_fields .gfield--type-email,
.growth-pod-form-input {
    width: 100%
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
    width: -webkit-fill-available
}

.homepage-header-container .gform_footer,
.sem-new-form .gform_footer {
    padding: 0
}

.homepage-header-container .ginput_container input {
    padding: 0 0
}

.homepage-header-container .growth-pod-form .gform-body {
    width: 100%
}

.homepage-form .form-cont {
    display: flex;
    align-items: center;
    background: #fff;
    border: .5px solid rgba(132, 143, 163, .4);
    border-radius: 68px
}

.homepage-form .form-cont svg,
.sem-new-form .form-cont svg {
    margin-left: 18px;
    margin-right: 9px
}

.homepage-form .subtext {
    text-align: right;
    color: #848fa3;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-right: 15px
}

.homepage-form .gform_wrapper .gform_validation_errors {
    display: none
}

.homepage-form .text-content {
    display: flex;
    justify-content: space-between;
    padding: 2px 15px;
    margin-top: 11px;
}

.growth-pod-form {
    display: flex
}

.homepage-form .text-content p,
.adwords-animated-header p {
    /* color: #c02b0a; */
    color: #F85D67;
    display: flex;
    align-items: center;
    gap: 16px;
}

.form-mobile-homepage .gform_wrapper .gform_validation_errors {
    display: none
}

.growth-pod-sem-2_wrapper .gform_footer {
    margin: 0;
    padding: 0
}

.growth-pod-sem-2 .gform-body .gform_fields,
.growth-pod-form .gform-body .gform_fields {
    background: 0 0;
    border: none;
    border-radius: 0;
    background-color: transparent
}

.adwords-main .ratings-block {
    margin-top: 33px
}

.growth-pod-sem-2 .gform-body {
    width: 100%
}

.sem-new-form {
    background: #fff;
    border: .5px solid rgba(132, 143, 163, .4);
    border-radius: 68px;
    margin-top: 30px;
    margin-bottom: 5px
}

.sem-new-form .form-cont {
    display: flex;
    align-items: center
}

.gform_wrapper .gform_validation_errors {
    display: none
}

.sem-invalid {
    margin-bottom: 33px;
    color: #c02b0a;
    text-align: left;
    margin-left: 43px
}

.ginput_container input[type=text]:focus {
    outline: none;
    outline-offset: -2px
}

body .gform_wrapper .gfield_error [aria-invalid=true] {
    border-bottom: none
}

.gform_ajax_spinner {
    display: none
}

.adwords-main .ratings-block {
    margin-top: 33px
}

.customer-stories h2 {
    text-align: left
}

.customer-stories .customer-stories-cards {
    margin-top: 40px
}

.video-detail-text-container h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 49px;
    font-family: QanelasSoft, sans-serif
}

.video-detail-text-container .video-to-text-cs {
    font-family: QanelasSoft, sans-serif
}

.customer-story__box-container {}

.customer-story__box-description {
    margin-bottom: 25px;
    padding-bottom: 0
}

.link-to-cstory {
    border: 2px solid #363e4e;
    border-radius: 64px;
    color: #363e4e;
    font-size: 20px;
    line-height: 20px;
    height: 52px;
    min-width: 240px;
    display: flex;
    align-items: center;
    width: fit-content;
    justify-content: center;
    padding: 0px 33px;
    margin-bottom: 55px
}

.customer-video-card-container .card-csv {
    margin-right: 0;
    align-items: baseline;
    max-width: 360px;
}

.related-stories-cards {
    gap: 40px
}

.related-stories-cards .card-csv .hover-card {
    width: 100%
}

.related-ebooks-container {
    margin-top: 100px;
}

#gform_154 .gform_footer .gform-button--width-full,
.partnerships-form .gform_footer .gform_button {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%) !important;
}

.adwords-main .sem-invalid {
    display: flex;
    align-items: center;
}

.adwords-main .sem-invalid svg {
    margin-right: 12px;
}

.download-first .header-extra-form .container .author .author-box .author-photo-box .author__photo {
    width: 580px;
    height: auto;
    max-height: 600px;
}

.download-first .header-extra-form .container {
    margin-top: 80px;
}

@media(max-width: 800px) {
    .related-stories-cards {
        gap: 24px
    }

    .adwords-main .ratings-block {
        margin-top: 33px
    }

    .homepage-header-container .growth-pod-form .gform-body .gform_fields {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .growth-pod-form .gform-body .gform_fields #field_submit {
        width: 100%
    }

    .growth-pod-form body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
        display: flex;
        background: #fff;
        border: .5px solid rgba(132, 143, 163, .4);
        border-radius: 68px;
        height: 48px;
        font-size: 14px;
        line-height: 17px
    }

    .homepage-header-container .ginput_container_email input {
        color: #848fa3
    }

    .growth-pod-form .gform-body .gform_fields #field_submit input {
        margin: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 16px;
        border: none
    }

    .growth-pod-form .gform-body .gform_fields #field_submit input:hover,
    .growth-pod-form .button {
        border: none
    }

    .form-mobile-homepage .subtext {
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #848fa3
    }

    .form-mobile-homepage body .gform_wrapper .gfield_error [aria-invalid=true] {
        border: 1px solid #c02b0a
    }

    .growth-pod-form .gform-body .gform_fields {
        width: auto;
        flex-direction: column;
        gap: 16px
    }

    .adwords-main .form-mobile-homepage {
        width: 100%
    }

    .growth-pod-sem {
        display: block
    }

    .growth-pod-form-input .ginput_container {
        background: #fff;
        border: .5px solid rgba(132, 143, 163, .4);
        border-radius: 68px;
        height: 48px;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        gap: 8px;
        padding: 16px;
        align-items: center;
        justify-content: space-around
    }

    body .gform_wrapper .gfield_error [aria-invalid=true] {
        /* border: 1px solid #c02b0a */
    }

    .customer-video-card-container .card-csv {
        min-width: unset;
        margin-right: 0;
        align-items: unset
    }

    .video-detail-text-container h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 24px
    }

    .link-to-cstory {
        min-width: 180px;
        height: 42px;
        margin-bottom: 30px;
        padding: 0px 15px;
    }

    .customer-story__box-description {
        margin-bottom: 16px
    }

    .adwords-main .growth-pod-form {
        justify-content: center;
    }

    .adwords-main .growth-pod-form .gform-body {
        width: 100%;
    }
}

/* New features details header */
.features-details-page-containers {
    margin-top: 72px;
    background-size: 100% 74%;
    height: 100%;
    width: 100%;
    background-image: url(/wp-content/uploads/2023/06/Header_BG-1-1-1.webp);
    min-height: 603px;
    display: flex;
    gap: 91px;
    justify-content: space-evenly;
    align-items: start;
    background-repeat: no-repeat;
    padding-top: 75px;
}

.features-detail-page-images {
    display: flex;
    height: 100%;
    /* align-self: flex-end; */
}

.features-detail-page-texts .heading {
    color: #363E4E;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 16px;
}

.lang-br .features-detail-page-texts .heading,
.lang-it .features-detail-page-texts .heading,
.lang-nl .features-detail-page-texts .heading,
.lang-de .features-detail-page-texts .heading,
.lang-fr .features-detail-page-texts .heading,
.lang-es .features-detail-page-texts .heading {
    line-height: 36px;
    font-size: 36px;
}

.features-detail-page-texts .subtitle {
    color: #363E4E;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 150%;
    margin-bottom: 24px;
}

.features-details-static-ctas {
    display: flex;
    gap: 24px;

    border-radius: 64px;
    min-width: 216px;
    height: 64px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
}

.features-details-static-ctas a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 96px;
    padding: 0px 14px;
    min-width: 240px;
}

.features-details-static-ctas .primary-cta {
    background: #FFF;
    color: #FC794B;
}

.features-details-static-ctas .secondary-cta {
    border: 2px solid #363E4E;
    color: #363E4E;
}

.features-detail-page-images img {
    /* position: relative; */
    /* width: 649px; */
    /* width: 741px; */
    height: 462px;
}

.features-details-logo-lines {
    position: relative;
    top: -143px;
}

@media (max-width: 700px) {
    .features-details-page-containers {
        flex-direction: column-reverse;
        padding: 0px 24px;
        gap: 40px;
        background-size: cover;
        margin-top: 21px;
        background-image: url(/wp-content/uploads/2023/06/easygenerators-features-details.png);
    }

    .features-detail-page-images img {
        max-width: 320px;
        height: auto;
        position: relative;
        left: 24px;
    }

    .features-details-logo-lines {
        top: 15px;
        padding: 0px 24px;
        margin-bottom: 70px;
    }

    .logo-line-text {
        line-height: 18px;
    }

    .features-detail-page-texts .heading,
    .lang-br .features-detail-page-texts .heading,
    .lang-it .features-detail-page-texts .heading,
    .lang-nl .features-detail-page-texts .heading,
    .lang-de .features-detail-page-texts .heading,
    .lang-fr .features-detail-page-texts .heading,
    .lang-es .features-detail-page-texts .heading {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 8px;
    }

    .features-detail-page-texts .subtitle {
        font-size: 16px;

    }

    .features-details-static-ctas a {
        height: 49px;
        width: 100%;
    }

    .features-details-static-ctas {
        flex-direction: column;
        height: auto;
        gap: 16px;
        margin-bottom: 40px;
    }

    .features-detail-page-images {
        margin-top: 74px;
    }

}


/* Competitor  */
.competitor-header-container {
    background-color: #f8f4f1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    padding-top: 150px;

    padding-bottom: 130px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 47%;
    margin-top: 72px;
    background-position-y: 195px;

}

.competitor-main-block-left {
    width: 530px;
}

.competitor-main-block-left .competitor-main-orange-text {
    line-height: 56px;
    margin-bottom: 8px;
}

.competitor-main-cta {
    display: flex;
    margin-top: 56px;
    gap: 0px;
}

.quick-wins {
    padding-top: 80px;
}

.competitor-main-cta .competitor-main-cta-filled {
    display: flex;
    min-width: 240px;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin-right: 0px
}

.adwords-animated-header {
    padding: 85px 0 117px;
}

.adwords-animated-header-container {
    margin-top: 70px;
}

@media (max-width: 700px) {

    .competitor-header-container {
        display: flex;
        flex-direction: column-reverse;
        padding: 40px 24px;
        background-position-x: center;
        margin-top: -24px;
        background-size: 96%;
        background-position-y: 61px;
        margin-bottom: 100px;

    }

    .competitor-main-block-left {
        grid-area: unset;
        grid-template-rows: auto;
        margin-top: 0;
    }

    .quick-wins {
        width: 100%;
    }

    .competitor-main-cta {
        flex-direction: column;
        gap: 16px;
    }

    .competitor-main-cta .competitor-main-cta-outline {
        font-size: 16px;
        line-height: 18px;
        height: auto;
        padding: 0px;
    }

    .comparison-table table tr td:first-child {
        width: 124px;
        min-width: 124px;
    }

    .comparison-table table tr td:first-child {
        padding: 0px 10px;
    }
}


/* Blog page changes */
.btn-mobile-blog .button {
    border-radius: 6px;
    border: 1px solid #848FA3;
    border-radius: 6px;
    /* border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; */
}

.filter-scrolling-up {
    top: 122px !important;
}

.filter-scrolling-down {
    top: 70px !important;
}

.page-blog .filter .search {
    position: unset;
    height: 43px;

}

.page-blog .filter .search--opened {
    position: absolute;
    max-width: 1160px;
    top: 22px;
}

.blog-container {
    width: auto;
    max-width: 1160px;
}

.page-blog .first-items {
    gap: 40px;
    align-items: center;
}

.page-blog .first-items .info {
    width: 360px;

}

.page-blog .first-items .photo {
    width: 760px;
    height: auto;
    max-height: 360px;
}

.page-blog .first-items .info__time {
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    line-height: 20px;
    font-family: QanelasSoft, sans-serif;
    color: #848FA3;
}

.page-blog .first-items .info__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
}

.page-blog .first-items .info__description {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #848FA3;
}

.info__post__tags {
    display: flex;
    gap: 10px;
    display: none;
    flex-wrap: wrap;
    max-width: 312px;
    justify-content: start;
}

.info__post__tags .tag {

    min-width: 80px;
    height: 28px;
    background: rgba(252, 121, 75, 0.1);
    border-radius: 18.2273px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 0px 11px;
    color: #FC794B;
}

.page-blog .grid-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 100px;
}

.blog-post-grid-item img {
    height: 169px;
    max-width: 360px;
    margin-bottom: 16px;
    border-radius: 6px;
}

.blog-post-grid-item .info__time {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    margin-bottom: 3px;

    max-width: 312px;
    color: #848FA3;
}

.blog-post-grid-item .reading-time {
    margin-left: 4px;
}

.post {
    width: auto;
}

.post__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
}

.page-blog .grid-items .post {
    margin-bottom: 0px;
    margin-right: 0px;
    width: 360px;
}

.post__description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #848FA3;
    margin-bottom: 16px;
}

.tags__content {
    justify-content: left;
}

.page-blog .filter .tags__item {
    margin-right: 10px;
    padding: 8px 14px;
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #848FA3;
    border-radius: 48px;
    margin-left: 0px;
    border: 2px solid #848FA3;
}

.page-blog .active {
    background: #848FA3;
    color: #FFFFFF !important;
}

.blog-container .search__open {
    border: none;
    background: transparent;
}

.blog-container {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: unset;
}

.blog-container .filter {
    width: 100%;
    justify-content: center;

    padding: 24px 0px;
    opacity: 0.8999999761581421;
    background: #FFF;
    backdrop-filter: blur(26px);
}

.blog-container .filter.sticky {
    position: fixed;
    padding: 24px 0px;
    top: 140px;
    width: 100%;
    max-width: 1160px;
    opacity: 0.8999999761581421;
    background: #FFF;
    display: flex;
    backdrop-filter: blur(26px);
    align-items: center;
    justify-content: center;
}

.page-blog .filter .search--opened .button {
    border: none;
}

@media (max-width: 700px) {
    .scroll-indicator-wrapper {
        top: 72px !important;
    }

    .page-blog .filter .tags {
        width: 100%;
    }

    .btn-mobile-blog .button {
        width: 220px;
    }

    .blog-container .search__open {
        position: absolute;
        padding: 0px;
    }

    .page-blog .first-items .info {
        width: auto;
        padding: 0px;
    }

    .page-blog .first-items .photo {
        height: 169px;
        width: 100%;
    }

    .page-blog .first-items {
        box-shadow: none;
        margin-bottom: 50px;
        align-items: flex-start;
        gap: 24px;
    }

    .search--opened .search__icon {
        margin-left: 24px;
    }


    .page-blog .first-items .info__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 16px;
    }

    .page-blog .grid-items {
        grid-template-columns: 1fr;
        max-width: 312px;
    }

    .blog-post-grid-item img {
        width: 100%;
        max-width: unset;
    }

    .page-blog .blog-container {
        max-width: 100%;
        padding: 0px;
        margin: 0px 24px;
    }

    .post__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
        padding: 0px;
        max-width: 312px;
    }

    .page-blog .grid-items {
        row-gap: 40px;
        justify-items: center;
    }

    .page-blog .grid-items .post {
        width: auto;
    }


    /* filter */
    .page-blog .filter {
        display: flex;
        width: 100%;
        justify-content: space-between;
        /* margin: 0px 24px; */
    }

    .page-blog .filter .search {
        position: unset;
    }

    .page-blog .filter .search--opened {
        position: absolute;
        margin: 0px;
    }

    /* Mobile blog dropdown */
    .page-blog .filter .tags__item {
        margin: 0;
        border: none;
        color: #363E4E;
        font-weight: 400;
        font-size: 16px;
    }

    .tags__content {
        border-radius: 6px;
        border: 1px solid #848FA3;
        background: #FFF;
        /* box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.10); */
        border-top: none;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        width: 220px;
    }

    .toggle--opened .btn-mobile-blog .button {
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

}


#gform_154 .gform_footer .gform-button--width-full,
.partnerships-form .gform_footer .gform_button {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%) !important;
}


/* Sticky blog sidebar */

.sticky-sidebar {
    position: sticky;
    top: 0;
    align-self: flex-start;
    transition: transform 1s ease;

}

.pillar-text-new h2:first-child {
    margin-top: 0px;
}


.sticky-sidebar.sticky {
    position: fixed;
    top: 0%;
    transform: translateY(50%);
    transition: transform 1s ease;
}

.text-container-blog {
    padding-bottom: 85px;
}

.sticksleft {
    margin-left: 354px;
}

.sticksleft-author {
    margin-left: 354px;
}

.ebook-header-container .form-container {
    min-height: 465px;
}

.ebook-header-container .text-container {
    max-width: 650px
}

.related-ebooks-container .title {
    color: #fc794b;
    font-weight: 600;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 32px
}

.ebook-cards {
    flex-wrap: inherit
}

.related-ebooks-container .ebook-cards {
    padding: 20px 0 80px;
}

.related-ebooks-container .title {
    margin-bottom: 0
}

.ebook-preview-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
    justify-content: flex-start;
    align-items: baseline;
    margin: 40px 0
}

.ipad-section .main-ipad {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    position: relative;
    left: -18px;
    -ms-user-select: none;
    display: flex;
    align-items: center
}

.ipad-section {
    display: flex;
    height: 100%;
    justify-content: end
}

.ipad-section .main-ipad .ipad-page {
    height: 100%;
    max-height: 800px
}

.ebook-preview-text {
    display: flex;
    flex-direction: column;
    align-self: start;
    background-image: url(/wp-content/uploads/2023/06/without-orange.png);
    background-color: #fd946f;
    padding-right: 27px;
    border-top-right-radius: 16px;
    margin-right: 10px;
    background-blend-mode: soft-light;
    border-bottom-right-radius: 16px;
    height: 100%;
}

.ebook-preview-text .ebook-cover-overlap,
.ebook-preview-text picture {
    position: relative;
    top: -161px;
    height: 436px;
}

.left-arrow {
    position: relative;
    left: 45px
}

.right-arrow {
    position: relative;
    right: 45px
}

.ebook-preview-text .content {
    position: relative;
    top: -151px
}

.ebook-preview-text .content h2 {
    color: #fff;
    font-weight: 600;
    font-size: 48px;
    margin-bottom: 34px;
    line-height: 43px
}

.ebook-preview-text .content .bullet-points {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.ebook-preview-text .content .bullet-points .point {
    display: flex;
    gap: 16px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    align-items: flex-start
}

.ipad-comment {
    display: flex;
    justify-self: center;
    /* margin-left: 120px; */
    color: #848fa3;
    font-weight: 500;
    font-size: 16px;
    align-items: center;
    line-height: 30px;
    margin-top: 16px;
    gap: 16px
}

.ebook-preview-text .content .bullet-points .point svg {
    width: 30px
}

.ebook-cards .ebook-cards__item {
    height: 490px;
    width: auto
}

.ebook-listing {
    flex-wrap: wrap
}

.ebook-listing .ebook-cards__item {
    width: calc(33.333% - 40px);
    height: auto
}

.my-slider-related .ebook-cards__item {
    box-shadow: none
}

@media(max-width: 800px) {
    .ebook-cards .ebook-cards__item .non-hover .title {
        margin-bottom: 39px;
        font-size: 12.8584px;
        line-height: 16px;
        color: #363e4e
    }

    .ebook-cards {
        padding: 0
    }

    .related-ebooks-container .tns-controls {
        display: none
    }

    .related-ebooks-container .title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 24px
    }

    .ebook-header-container .text-container {
        padding: 0
    }

    .ebook-preview-container {
        grid-template-columns: 1fr;
        column-gap: 0;
        margin-right: 0;
        margin-bottom: 70px;
        padding: 0;
        margin-top: 90px;
    }

    .ebook-preview-text .ebook-cover-overlap,
    .ebook-preview-text picture {
        height: auto;
        top: -53px;
        width: 100%
    }

    .ebook-preview-text .content {
        margin: 24px;
        top: -70px;
    }

    .ebook-preview-text {
        padding-right: 24px;
        padding-bottom: 40px;
        margin-bottom: 32px;
        margin-right: 0px;
        padding: 0;
        border-radius: 0
    }

    .ipad-section .main-ipad {
        margin: 0 24px;
        left: -27px;
        top: 40px
    }

    .ipad-section picture,
    .ipad-section img {
        width: 100%;
        grid-area: ipad;
        height: auto
    }

    .ebook-preview-text .content h2 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .ebook-preview-text .content .bullet-points {
        gap: 24px
    }

    .ebook-preview-text .content .bullet-points .point {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        align-items: flex-start
    }

    .main-ipad .right-arrow {
        right: 30px;
        display: block;
        grid-area: ar
    }

    .ipad-section {
        height: auto !important
    }

    .main-ipad .left-arrow {
        left: 30px;
        grid-area: al
    }

    .ipad-comment {
        margin-left: 0;
        height: 21px
    }

    .ebook-cards .ebook-cards__item {
        height: auto;
        display: flex;
        flex-direction: row;
        min-height: 260px;
        justify-content: space-evenly;
        box-shadow: 4px 4px 30px 4px rgba(209, 217, 230, .55)
    }

    .related-ebooks-container {
        margin-bottom: 100px
    }

    .related-ebooks-container .ebook-cards {
        width: auto
    }

    .ebook-listing {
        display: grid;
        grid-template-columns: 1fr
    }

    .ebook-listing .ebook-cards__item {
        width: 100%
    }

    .ebook-cards .ebook-cards__item .non-hover .ebook-card {
        max-height: 200px
    }
}

.homepage-header-container .growth-pod-form {
    display: flex;
    align-items: center
}

.growth-pod-form_wrapper {
    width: 100%
}

.homepage-header-container .growth-pod-form .gform-body .gform_fields,
.growth-pod-sem-2 .gform-body .gform_fields {
    width: 100%;
    border: none;
    border-radius: 0;
    background: 0 0;
    background-color: transparent
}

.homepage-header-container .growth-pod-form .gform-body .gform_fields .gfield {
    width: fit-content
}

.homepage-header-container .growth-pod-form .gform-body .gform_fields .gfield--type-email,
.growth-pod-form-input {
    width: 100%
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
    width: -webkit-fill-available
}

.homepage-header-container .gform_footer,
.sem-new-form .gform_footer {
    padding: 0
}

.homepage-header-container .ginput_container input {
    padding: 0 0
}

.homepage-header-container .growth-pod-form .gform-body {
    width: 100%
}

.homepage-form .form-cont {
    display: flex;
    align-items: center;
    background: #fff;
    border: .5px solid rgba(132, 143, 163, .4);
    border-radius: 68px
}

.homepage-form .form-cont svg,
.sem-new-form .form-cont svg {
    margin-left: 18px;
    margin-right: 9px
}

.homepage-form .subtext {
    text-align: right;
    color: #848fa3;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    margin-right: 15px
}

.homepage-form .gform_wrapper .gform_validation_errors {
    display: none
}

.homepage-form .text-content {
    display: flex;
    justify-content: space-between;
    padding: 2px 15px;
    margin-top: 11px;
}

.growth-pod-form {
    display: flex
}

.homepage-form .text-content p,
.adwords-animated-header p {
    /* color: #c02b0a; */
    color: #F85D67;
    display: flex;
    align-items: center;
    gap: 16px;
}

.form-mobile-homepage .gform_wrapper .gform_validation_errors {
    display: none
}

.growth-pod-sem-2_wrapper .gform_footer {
    margin: 0;
    padding: 0
}

.growth-pod-sem-2 .gform-body .gform_fields,
.growth-pod-form .gform-body .gform_fields {
    background: 0 0;
    border: none;
    border-radius: 0;
    background-color: transparent
}

.adwords-main .ratings-block {
    margin-top: 33px
}

.growth-pod-sem-2 .gform-body {
    width: 100%
}

.sem-new-form {
    background: #fff;
    border: .5px solid rgba(132, 143, 163, .4);
    border-radius: 68px;
    margin-top: 30px;
    margin-bottom: 5px
}

.sem-new-form .form-cont {
    display: flex;
    align-items: center
}

.gform_wrapper .gform_validation_errors {
    display: none
}

.sem-invalid {
    margin-bottom: 33px;
    color: #c02b0a;
    text-align: left;
    margin-left: 43px
}

.ginput_container input[type=text]:focus {
    outline: none;
    outline-offset: -2px
}

body .gform_wrapper .gfield_error [aria-invalid=true] {
    border-bottom: none
}

.gform_ajax_spinner {
    display: none
}

.adwords-main .ratings-block {
    margin-top: 33px
}

.customer-stories h2 {
    text-align: left
}

.customer-stories .customer-stories-cards {
    margin-top: 40px
}

.video-detail-text-container h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 49px;
    font-family: QanelasSoft, sans-serif
}

.video-detail-text-container .video-to-text-cs {
    font-family: QanelasSoft, sans-serif
}

.customer-story__box-container {}

.customer-story__box-description {
    margin-bottom: 25px;
    padding-bottom: 0
}

.link-to-cstory {
    border: 2px solid #363e4e;
    border-radius: 64px;
    color: #363e4e;
    font-size: 20px;
    line-height: 20px;
    height: 52px;
    min-width: 240px;
    display: flex;
    align-items: center;
    width: fit-content;
    justify-content: center;
    padding: 0px 33px;
    margin-bottom: 55px
}

.customer-video-card-container .card-csv {
    margin-right: 0;
    align-items: baseline;
    max-width: 360px;
}

.related-stories-cards {
    gap: 40px
}

.related-stories-cards .card-csv .hover-card {
    width: 100%
}

.related-ebooks-container {
    margin-top: 100px;
}

#gform_154 .gform_footer .gform-button--width-full,
.partnerships-form .gform_footer .gform_button {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%) !important;
}

.adwords-main .sem-invalid {
    display: flex;
    align-items: center;
}

.adwords-main .sem-invalid svg {
    margin-right: 12px;
}

.download-first .header-extra-form .container .author .author-box .author-photo-box .author__photo {
    width: 580px;
    height: auto;
    max-height: 600px;
}

.download-first .header-extra-form .container {
    margin-top: 80px;
}

@media(max-width: 800px) {
    .related-stories-cards {
        gap: 24px
    }

    .adwords-main .ratings-block {
        margin-top: 33px
    }

    .homepage-header-container .growth-pod-form .gform-body .gform_fields {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .growth-pod-form .gform-body .gform_fields #field_submit {
        width: 100%
    }

    .growth-pod-form body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
        display: flex;
        background: #fff;
        border: .5px solid rgba(132, 143, 163, .4);
        border-radius: 68px;
        height: 48px;
        font-size: 14px;
        line-height: 17px
    }

    .homepage-header-container .ginput_container_email input {
        color: #848fa3
    }

    .growth-pod-form .gform-body .gform_fields #field_submit input {
        margin: 0;
        padding: 0;
        width: 100%;
        margin-bottom: 16px;
        border: none
    }

    .growth-pod-form .gform-body .gform_fields #field_submit input:hover,
    .growth-pod-form .button {
        border: none
    }

    .form-mobile-homepage .subtext {
        text-align: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #848fa3
    }

    .form-mobile-homepage body .gform_wrapper .gfield_error [aria-invalid=true] {
        border: 1px solid #c02b0a
    }

    .growth-pod-form .gform-body .gform_fields {
        width: auto;
        flex-direction: column;
        gap: 16px
    }

    .adwords-main .form-mobile-homepage {
        width: 100%
    }

    .growth-pod-sem {
        display: block
    }

    .growth-pod-form-input .ginput_container {
        background: #fff;
        border: .5px solid rgba(132, 143, 163, .4);
        border-radius: 68px;
        height: 48px;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        gap: 8px;
        padding: 16px;
        align-items: center;
        justify-content: space-around
    }

    body .gform_wrapper .gfield_error [aria-invalid=true] {
        /* border: 1px solid #c02b0a */
    }

    .customer-video-card-container .card-csv {
        min-width: unset;
        margin-right: 0;
        align-items: unset
    }

    .video-detail-text-container h2 {
        font-weight: 600;
        font-size: 24px;
        line-height: 24px
    }

    .link-to-cstory {
        min-width: 180px;
        height: 42px;
        margin-bottom: 30px;
        padding: 0px 15px;
    }

    .customer-story__box-description {
        margin-bottom: 16px
    }

    .adwords-main .growth-pod-form {
        justify-content: center;
    }

    .adwords-main .growth-pod-form .gform-body {
        width: 100%;
    }
}

/* New features details header */
.features-details-page-containers {
    margin-top: 72px;
    background-size: 100% 74%;
    height: 100%;
    width: 100%;
    background-image: url(/wp-content/uploads/2023/06/Header_BG-1-1-1.webp);
    min-height: 603px;
    display: flex;
    gap: 91px;
    justify-content: space-evenly;
    align-items: start;
    background-repeat: no-repeat;
    padding-top: 75px;
}

.features-detail-page-images {
    display: flex;
    height: 100%;
    /* align-self: flex-end; */
}

.features-detail-page-texts .heading {
    color: #363E4E;
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 16px;
}

.lang-br .features-detail-page-texts .heading,
.lang-it .features-detail-page-texts .heading,
.lang-nl .features-detail-page-texts .heading,
.lang-de .features-detail-page-texts .heading,
.lang-fr .features-detail-page-texts .heading,
.lang-es .features-detail-page-texts .heading {
    line-height: 36px;
    font-size: 36px;
}

.features-detail-page-texts .subtitle {
    color: #363E4E;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 150%;
    margin-bottom: 24px;
}

.features-details-static-ctas {
    display: flex;
    gap: 24px;

    border-radius: 64px;
    min-width: 216px;
    height: 64px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
}

.features-details-static-ctas a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 96px;
    padding: 0px 14px;
    min-width: 240px;
}

.features-details-static-ctas .primary-cta {
    background: #FFF;
    color: #FC794B;
}

.features-details-static-ctas .secondary-cta {
    border: 2px solid #363E4E;
    color: #363E4E;
}

.features-detail-page-images img {
    /* position: relative; */
    /* width: 649px; */
    /* width: 741px; */
    height: 462px;
}

.features-details-logo-lines {
    position: relative;
    top: -143px;
}

@media (max-width: 700px) {
    .features-details-page-containers {
        flex-direction: column-reverse;
        padding: 0px 24px;
        gap: 40px;
        background-size: cover;
        margin-top: 21px;
        background-image: url(/wp-content/uploads/2023/06/easygenerators-features-details.png);
    }

    .features-detail-page-images img {
        max-width: 320px;
        height: auto;
        position: relative;
        left: 24px;
    }

    .features-details-logo-lines {
        top: 15px;
        padding: 0px 24px;
        margin-bottom: 70px;
    }

    .logo-line-text {
        line-height: 18px;
    }

    .features-detail-page-texts .heading,
    .lang-br .features-detail-page-texts .heading,
    .lang-it .features-detail-page-texts .heading,
    .lang-nl .features-detail-page-texts .heading,
    .lang-de .features-detail-page-texts .heading,
    .lang-fr .features-detail-page-texts .heading,
    .lang-es .features-detail-page-texts .heading {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 8px;
    }

    .features-detail-page-texts .subtitle {
        font-size: 16px;

    }

    .features-details-static-ctas a {
        height: 49px;
        width: 100%;
    }

    .features-details-static-ctas {
        flex-direction: column;
        height: auto;
        gap: 16px;
        margin-bottom: 40px;
    }

    .features-detail-page-images {
        margin-top: 74px;
    }

}


/* Competitor  */
.competitor-header-container {
    background-color: #f8f4f1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    padding-top: 150px;

    padding-bottom: 130px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 47%;
    margin-top: 72px;
    background-position-y: 195px;

}

.competitor-main-block-left {
    width: 530px;
}

.competitor-main-block-left .competitor-main-orange-text {
    line-height: 56px;
    margin-bottom: 8px;
}

.competitor-main-cta {
    display: flex;
    margin-top: 56px;
    gap: 0px;
}

.quick-wins {
    padding-top: 80px;
}

.competitor-main-cta .competitor-main-cta-filled {
    display: flex;
    min-width: 240px;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    margin-right: 0px
}

.adwords-animated-header {
    padding: 85px 0 117px;
}

.adwords-animated-header-container {
    margin-top: 70px;
}

@media (max-width: 700px) {

    .competitor-header-container {
        display: flex;
        flex-direction: column-reverse;
        padding: 40px 24px;
        background-position-x: center;
        margin-top: -24px;
        background-size: 96%;
        background-position-y: 61px;
        margin-bottom: 100px;

    }

    .competitor-main-block-left {
        grid-area: unset;
        grid-template-rows: auto;
        margin-top: 0;
    }

    .quick-wins {
        width: 100%;
    }

    .competitor-main-cta {
        flex-direction: column;
        gap: 16px;
    }

    .competitor-main-cta .competitor-main-cta-outline {
        font-size: 16px;
        line-height: 18px;
        height: auto;
        padding: 0px;
    }

    .comparison-table table tr td:first-child {
        width: 124px;
        min-width: 124px;
    }

    .comparison-table table tr td:first-child {
        padding: 0px 10px;
    }
}


/* Blog page changes */
.btn-mobile-blog .button {
    border-radius: 6px;
    border: 1px solid #848FA3;
    border-radius: 6px;
    /* border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; */
}

.filter-scrolling-up {
    top: 122px !important;
}

.filter-scrolling-down {
    top: 70px !important;
}

.page-blog .filter .search {
    position: unset;
    height: 43px;

}

.page-blog .filter .search--opened {
    position: absolute;
    max-width: 1160px;
    top: 22px;
}

.blog-container {
    width: auto;
    max-width: 1160px;
}

.page-blog .first-items {
    gap: 40px;
    align-items: center;
}

.page-blog .first-items .info {
    width: 360px;

}

.page-blog .first-items .photo {
    width: 760px;
    height: auto;
    max-height: 360px;
}

.page-blog .first-items .info__time {
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    line-height: 20px;
    font-family: QanelasSoft, sans-serif;
    color: #848FA3;
}

.page-blog .first-items .info__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
}

.page-blog .first-items .info__description {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #848FA3;
}

.info__post__tags {
    display: flex;
    gap: 10px;
    display: none;
    flex-wrap: wrap;
    max-width: 312px;
    justify-content: start;
}

.info__post__tags .tag {

    min-width: 80px;
    height: 28px;
    background: rgba(252, 121, 75, 0.1);
    border-radius: 18.2273px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 0px 11px;
    color: #FC794B;
}

.page-blog .grid-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 100px;
}

.blog-post-grid-item img {
    height: 169px;
    max-width: 360px;
    margin-bottom: 16px;
    border-radius: 6px;
}

.blog-post-grid-item .info__time {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    margin-bottom: 3px;

    max-width: 312px;
    color: #848FA3;
}

.blog-post-grid-item .reading-time {
    margin-left: 4px;
}

.post {
    width: auto;
}

.post__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
}

.page-blog .grid-items .post {
    margin-bottom: 0px;
    margin-right: 0px;
    width: 360px;
}

.post__description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #848FA3;
    margin-bottom: 16px;
}

.tags__content {
    justify-content: left;
}

.page-blog .filter .tags__item {
    margin-right: 10px;
    padding: 8px 14px;
    margin-bottom: 14px;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #848FA3;
    border-radius: 48px;
    margin-left: 0px;
    border: 2px solid #848FA3;
}

.page-blog .active {
    background: #848FA3;
    color: #FFFFFF !important;
}

.blog-container .search__open {
    border: none;
    background: transparent;
}

.blog-container {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: unset;
}

.blog-container .filter {
    width: 100%;
    justify-content: center;

    padding: 24px 0px;
    opacity: 0.8999999761581421;
    background: #FFF;
    backdrop-filter: blur(26px);
}

.blog-container .filter.sticky {
    position: fixed;
    padding: 24px 0px;
    top: 140px;
    width: 100%;
    max-width: 1160px;
    opacity: 0.8999999761581421;
    background: #FFF;
    display: flex;
    backdrop-filter: blur(26px);
    align-items: center;
    justify-content: center;
}

.page-blog .filter .search--opened .button {
    border: none;
}

@media (max-width: 700px) {
    .scroll-indicator-wrapper {
        top: 72px !important;
    }

    .page-blog .filter .tags {
        width: 100%;
    }

    .btn-mobile-blog .button {
        width: 220px;
    }

    .blog-container .search__open {
        position: absolute;
        padding: 0px;
    }

    .page-blog .first-items .info {
        width: auto;
        padding: 0px;
    }

    .page-blog .first-items .photo {
        height: 169px;
        width: 100%;
    }

    .page-blog .first-items {
        box-shadow: none;
        margin-bottom: 50px;
        align-items: flex-start;
        gap: 24px;
    }

    .search--opened .search__icon {
        margin-left: 24px;
    }


    .page-blog .first-items .info__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 16px;
    }

    .page-blog .grid-items {
        grid-template-columns: 1fr;
        max-width: 312px;
    }

    .blog-post-grid-item img {
        width: 100%;
        max-width: unset;
    }

    .page-blog .blog-container {
        max-width: 100%;
        padding: 0px;
        margin: 0px 24px;
    }

    .post__title {
        font-weight: 600;
        font-size: 18px;
        line-height: 26px;
        padding: 0px;
        max-width: 312px;
    }

    .page-blog .grid-items {
        row-gap: 40px;
        justify-items: center;
    }

    .page-blog .grid-items .post {
        width: auto;
    }


    /* filter */
    .page-blog .filter {
        display: flex;
        width: 100%;
        justify-content: space-between;
        /* margin: 0px 24px; */
    }

    .page-blog .filter .search {
        position: unset;
    }

    .page-blog .filter .search--opened {
        position: absolute;
        margin: 0px;
    }

    /* Mobile blog dropdown */
    .page-blog .filter .tags__item {
        margin: 0;
        border: none;
        color: #363E4E;
        font-weight: 400;
        font-size: 16px;
    }

    .tags__content {
        border-radius: 6px;
        border: 1px solid #848FA3;
        background: #FFF;
        /* box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.10); */
        border-top: none;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        width: 220px;
    }

    .toggle--opened .btn-mobile-blog .button {
        border-bottom: none;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

}


/* Blog details page */
.blog-details-main-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 100px;
    align-items: center;
    margin-bottom: 76px;
}

.blog-details-main-container .blog-details-main-text .breadcrumbs {
    border-radius: 4px;
    background: rgba(252, 121, 75, 0.20);
    padding: 8px;

}

.blog-details-main-container .blog-details-main-text .breadcrumbs svg {
    margin-right: 4px;
}

.blog-details-main-container .blog-details-main-text .breadcrumbs:hover {
    text-decoration: none;
}

.blog-details-main-container .blog-details-main-text .title {
    margin-top: 16px;
    margin-bottom: 32px;
    font-size: 64px;
    font-weight: 700;
    line-height: 64px;
    color: #363E4E;
}

.blog-details-main-container .blog-details-main-text .description {
    margin-bottom: 40px;
}

.blog-details-main-container .blog-details-main-text .description,
.blog-details-main-container .blog-details-main-text p {
    color: #363E4E;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.blog-details-main-container .blog-details-main-text .meta-content {
    color: #848FA3;
    font-size: 18px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.blog-details-main-container .blog-main-image {
    width: 895px;
    border-radius: 7px;
    height: auto;
}

.blog-heading-description-container .heading {
    font-weight: 600;
    line-height: 48px;
    font-size: 40px;
    color: #FC794B;
    margin-bottom: 16px;
}

.blog-heading-description-container .description {
    line-height: 30px;
    color: #363E4E;
    font-size: 18px;
    font-family: IowanOldStyle, serif;
    margin-bottom: 32px;
}

.blog-heading-description-container img {
    width: 100%;
    margin-bottom: 60px;
    box-shadow: linear-gradient(90deg, #50CF70 0%, #569FFE 33.85%, #CD5CBF 66.67%, #FC794B 100%);

}

.blog-small-cta {
    padding: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    color: #FFFFFF;
    background: #363E4E;
    border-radius: 4px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
    margin: 72px 0px;

}

.blog-small-cta .text {
    font-weight: 600;
    line-height: 32px;
    font-size: 24px;
}

.blog-small-cta a {
    min-width: 183px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 18px;
    padding: 0px 10px;
    border-radius: 64px;
    height: 50px;
    border: 1px solid #FFF;
    color: #FFFFFF;

}

.blog-author-block {
    margin-top: 85px;
}

.page-author-block {
    border-top: 1px solid #848FA3;
    display: flex;
    gap: 24px;

    padding-top: 88px;
    margin-bottom: 70px;
    justify-content: center;
}

.blog-author-block .blog-author-image {
    height: 175px;
}

.blog-author-block .text {}

.blog-author-block .text .title {
    color: #363E4E;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
}

.blog-author-block .text .description {
    color: #363E4E;
    font-size: 18px;
    font-family: IowanOldStyle, serif;
    line-height: 30px;
}

#gform_154 .gform_footer .gform-button--width-full,
.partnerships-form .gform_footer .gform_button {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%) !important;
}


/* Sticky blog sidebar */
.post-side-sticky {
    display: flex;
    gap: 73px;
}

.sticky-sidebar {
    position: sticky;
    top: 0;
    align-self: flex-start;
    transition: transform 1s ease;

}

.pillar-text-new h2:first-child {
    margin-top: 0px;
}



.text-container-blog {
    padding-bottom: 85px;
}



.sticksleft-author {
    margin-left: 354px;
}


.sticky-sidebar {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.social-share-container .share-text {
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
    font-size: 24px;
}

.social-share-container .social-share {
    display: flex;
    gap: 16px;
}

.social-share-container .social-share svg {
    width: 39px;
    height: 39px;
}

.sticky-sidebar .sticky-side-container {
    width: 306px;
    padding: 42px 22px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sticky-sidebar .sticky-side-container .text {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 22px;
}

.sticky-sidebar .sticky-side-container .sticky-image {
    width: 100%;
    margin-bottom: 8px;

}

.sticky-sidebar .sticky-side-container .sticky-btn {
    color: #363E4E;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 12px;
    border-radius: 72px;
    justify-content: center;
    padding: 0px 14px;
    height: 36px;
    width: fit-content;
    min-width: 175px;
    background-color: #FFFFFF;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side {
    text-align: left;
    display: block;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side .cta {
    display: flex;
    justify-content: center;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side .webinar-icon {
    height: 52px;
    width: auto;
    margin-bottom: 8px;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side .title {
    font-weight: 600;
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 8px;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side .subtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 38px;
}

.fixed {
    position: fixed !important;
    top: 0 !important;
}


.sticky-sidebar {
    position: sticky;
    top: 0;
    align-self: flex-start;
    /* Adjust other styles as needed */
}

.sticky {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    /* Adjust other styles as needed */
}

.popup {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    color: #FFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: none;
    width: 1160px;
    border-radius: 2px;
    background: #363E4E;
    padding: 16px 24px;
    font-weight: 500;
    font-size: 18px;
}

.close {
    position: absolute;
    top: 16px;
    right: 24px;
    cursor: pointer;
}

#closeButton svg {
    color: white;
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 1;
    cursor: pointer;
}

.pillar-text-block p {
    font-size: 18px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 40px;
}

.pillar-text-block h2 {
    margin-top: 72px;
    color: #FC794B;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 16px;
}

.related-blogs-container {
    margin-top: 80px;
    margin-bottom: 170px;
}


.related-article-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.related-blogs-container .related-blog-title {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 47px;
    margin-bottom: 32px;
}

.pillar-text-block img {
    max-width: 1160px;
    height: auto;
    width: 100%;
    margin: 56px 0px;

}

.blog-customer-story {
    padding: 40px 32px;
    border-radius: 4px;
    width: 100%;
    background: #F7F9FD;
    margin: 40px 0px;
}

.blog-customer-story .logo {
    height: 45px;
    width: auto;
    margin-bottom: 28px;
}

.blog-customer-story .description {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: IowanOldStyle, serif;
    margin-bottom: 32px;
}

.blog-customer-story .customer-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.blog-customer-story .customer-designation {
    color: #848FA3;
    font-family: IowanOldStyle, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.scroll-indicator-wrapper {
    height: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    top: 70px;
    z-index: 998;
}

#scroll-indicator {
    width: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 100%;
    background-color: #FC794B;
    /* Change the color as per your preference */
    transition: width 0.2s ease-out;
}

.scroll-wrapper-indicator {
    background: #FFF2ED;
}

.pillar-text-block img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px 10px rgba(80, 207, 112, 0.4),
        0 0 20px 10px rgba(86, 159, 254, 0.4),
        0 0 20px 10px rgba(205, 92, 191, 0.4),
        0 0 20px 10px rgba(252, 121, 75, 0.4);
}

.adwords-animated-header {
    padding: 85px 0 117px;
}

.adwords-animated-header-container {
    margin-top: 70px;
}

.sticky .popup {
    transform: translate(-13%, -150px);
}

.ebook__head {
    margin-top: 38px;
}



@media (max-width: 700px) {
    .blog-details-main-container {
        margin-top: 50px;
        text-align: left;
        margin-bottom: 24px;
    }

    .pillar-text-block img {
        max-width: 100%;
        height: auto;
        margin: 30px 0px;
    }

    .blog-details-main-container .blog-details-main-text .title {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 16px;
    }

    .blog-details-main-container .blog-details-main-text .description,
    .blog-details-main-container .blog-details-main-text .description p {
        line-height: 24px;
        font-size: 20px;
        font-weight: 500;
    }

    .blog-details-main-container .blog-details-main-text .description {
        margin-bottom: 12px;
    }

    .blog-details-main-container .blog-details-main-text .meta-content {
        font-weight: 500;
        line-height: 16px;
        font-size: 16px;
        margin-bottom: 24px;
    }

    .blog-details-main-container .blog-main-image {
        width: 100%;
        margin: 0px 24px;
        width: -webkit-fill-available;
    }

    .blog-heading-description-container .heading {
        font-size: 22px !important;
        line-height: 30px;

    }

    .blog-heading-description-container .description {
        font-size: 16px !important;
        line-height: 26px;
    }

    .blog-heading-description-container img {
        margin-bottom: 40px;
    }

    .blog-small-cta {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        margin: 40px 0px;
        width: 100%;
        padding: 32px 16px;
    }

    .blog-small-cta .text {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
    }

    .blog-small-cta a {
        width: 100%;
        height: 38px;
        font-size: 16px;
        font-weight: 600;
        line-height: 161%;
    }

    .post-side-sticky {
        gap: 24px;
    }

    .social-share-container .social-share {
        flex-direction: column;
        gap: 16px;
        margin: 0px 24px;
        margin-top: 32px;
    }

    .sticksleft {
        margin-left: 79px;
    }


    .pillar-text-block p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .pillar-text-block h2 {
        font-weight: 600;
        line-height: 30px;
        margin: 32px 0px 12px;
        font-size: 22px;
    }

    .pillar-text-new {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: end;
    }

    .blog-author-block {
        margin-top: 40px;
    }

    .page-author-block {
        padding-top: 27px;
        gap: 16px;

    }

    .blog-author-block .blog-author-image {
        height: 80px;
    }

    .blog-author-block .text .title {
        font-size: 20px;
        line-height: 24px;
    }

    .blog-author-block .text .description {
        font-weight: 400;
        line-height: 24px;
        font-size: 16px;
    }

    .text-container-blog {
        margin: 0px;
        padding-bottom: 20px;
        margin-bottom: 80px;
        width: 100%;

        width: 100vw;
        justify-content: space-between;
    }

    .dark-cta {
        background-position: left;
    }

    .popup {
        transform: translate(0%, -224%);
        width: 80vw;
        top: 0%;
    }

    .related-blogs-container .related-blog-title {
        line-height: 32px;
        font-size: 24px;
        margin-bottom: 24px;
    }

    .related-article-cards-container {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .blog-customer-story {
        padding: 32px 24px;
    }

    .blog-customer-story .description {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 24px;
    }

    .blog-customer-story .customer-name {
        font-size: 20px;
        line-height: 32px;
    }

    body.admin-bar .fullwidth__head {
        margin-top: -72px;
    }

    .page-blog .filter-scrolling-down {
        top: 72px !important;
        padding-left: 24px;
        padding-right: 24px;
    }

    .page-blog .filter-scrolling-up {
        top: 72px !important;
        padding-left: 24px;
        padding-right: 24px;
    }

    .filter-scrolling-down .search--opened,
    .filter-scrolling-up .search--opened {
        margin-left: 24px;
        margin-right: 24px;
    }

    .filter-scrolling-down .search--opened .search__field,
    .filter-scrolling-down .search--opened .search__field {
        margin-left: 24px;
        margin-right: 24px;
    }


}

/* Blog end 1 */
/* Career page */
.partnership-steps-container .partnership-steps-top .text {}

.vacancy_gate-filters {
    display: flex;
    margin-top: 40px;
    gap: 16px;
}

.career-container {
    max-width: 1160px;
}

.vacancy_gate-filters .select-styled {
    background: none;
}


.instagram-block-container {
    display: flex;
    padding-top: 80px;
    gap: 100px;
    justify-content: space-between;
    align-items: center;
    margin: 120px 0px;
    background-image: url(/wp-content/uploads/2023/07/Group-13894-1.png);
    background-repeat-x: no-repeat;
    background-size: 1070px auto;
}

.instagram-grid-thumnail {
    width: 255px;
    max-height: 255px;
    border-radius: 4px;
}

.instagram-box-link {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.instagram-box-link svg {
    margin-left: 12px;
}

.desktop-insta-grid {
    margin-bottom: 32.33px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.instagram-block-container .instagram-grid-column {
    width: 100%;
    margin-bottom: 36.88px;
}

#sb_instagram {
    padding: 0px !important;
}

.instagram-text .subtitle {
    text-align: left;
    background: linear-gradient(140deg, #e14a53 1.81%, #ffa246 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 2px;
}

.instagram-text .title {
    font-size: 40px;
    padding: 0px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 8px;
    text-align: left;
}

.instagram-text .handle {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.office-container .tab.selected,
.tab.active-tab {
    background-color: #f0f0f0;
}




.office-container .image {
    display: none;
    position: relative;
}

.office-container .image.active {
    display: block;
    z-index: 1;

}

.office-container .arrow-indicators {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    bottom: 10px;
    right: 10px;
    display: flex;
    position: relative;
    top: -30px;
    left: -15;
    width: 100%;
    justify-content: end;
}

/* Style for the left and right arrows */
.left-arrow-job,
.right-arrow-job {
    width: 24px;
    height: 24px;
    background-color: #E6E7E9;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 3px;
}

.office-container .tabs {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    cursor: pointer;
    gap: 8px;
}

.office-container .tabs .tab {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 29px 33px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1.035px solid rgba(195, 202, 215, 0.41);
    color: #363E4E;
    font-size: 24px;
    cursor: pointer;
    font-weight: 600;
    max-height: 95px;
    line-height: 112%;
    width: 450px;
}

.office-container .tab.active {
    width: calc(100% + 64px);
    z-index: 2;
    color: #FC794B;
    white-space: nowrap;
    font-size: 33px;
    border: none;
    filter: drop-shadow(4.139285564422607px 4.139285564422607px 28.974998474121094px rgba(192, 192, 192, 0.24));
}

.office-container {
    display: flex;
    gap: 12px;
    max-width: 1160px;
}

.office-container .images img {
    width: 700px;
    height: 100%;
    border-radius: 5px;

}

.office-container .image.active {
    height: 100%;
}

.office-component-container .title {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 40px;
}

.office-component-container .indicator-text {
    color: #848FA3;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 12px;
}

/* Styling for the image carousel */
.office-container .slideshow-container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    height: 100%;
}

.office-container .slide {
    display: none;
}

.office-container .slide img {

    max-width: 100%;
    width: 698px;
    height: 100%;

}

.office-container .slide.active {
    display: block;
    max-width: 100%;
    overflow: hidden;
    border-radius: 4px;
    height: 100%;
}

.office-container .carousel-arrow-container {
    position: relative;
    bottom: 48px;
    right: 20px;
    display: flex;
    justify-content: flex-end;
}

.office-container .slide-group {
    height: 100%;
}

.office-container .carousel-arrow {

    margin-left: 5px;
}

.office-gallery-accordion,
.accordion-wrapper {
    display: none;
}

.image-container {
    height: 300px;
    width: 300px;
}

.meet-the-team-container {
    display: flex;
    max-width: 1160px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 4px 4px 28px 0px rgba(192, 192, 192, 0.25);
}

.meet-the-team-container .text {
    margin: 37px 52px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.meet-the-team-container .team-photo {
    display: grid;
    flex-wrap: wrap;
    justify-content: end;
    grid-template-areas: "emp tm1 tm2"
        "tm3 tm4 tm5";
}

.meet-the-team-container .image-container {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 24px;
    background-size: contain;
}

.meet-the-team-container .image-container h5,
.meet-the-team-container .image-container h6 {
    margin: 0px;
}

.meet-the-team-container .image-container h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #FFFFFF;
}

.meet-the-team-container .image-container h6 {
    color: #E4E4E7;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
}

.meet-the-team-container .img-0 {
    grid-area: emp;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.meet-the-team-container .img-1 {
    grid-area: tm1;
}

.meet-the-team-container .img-2 {
    grid-area: tm2;
    border-top-right-radius: 8px;
}

.meet-the-team-container .img-3 {
    grid-area: tm3;
}

.meet-the-team-container .img-4 {
    grid-area: tm4;
}

.meet-the-team-container .img-5 {
    grid-area: tm5;
    border-bottom-right-radius: 8px;
}

/* Adjust the height of .top to 500px */
.meet-the-team-container .top {
    height: 500px;
    position: relative;
    margin-right: -303px;
    /* Adjust this negative margin to overlap with .img-0 */
}

.meet-the-team-container .top .title {
    text-align: left;
    color: #FC794B;
    padding: 0px;
    font-size: 46px;
    margin: 0px;
    font-weight: 600;
    line-height: 55px;
    margin-bottom: 20px;
}

.meet-the-team-container .top .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.meet-the-team-container .text svg {
    margin-left: 12px;
}

.vacancy-card-list .show-more-container {
    display: flex;
    justify-content: center;
}

.vacancy-card-list .show-more-container button {
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    height: 51px;
    border-radius: 49.655px;
    border: 1.034px solid #363E4E;
}

/* Your custom CSS styles here */
.department-page-container .career-page-link {
    color: #363E4E;
    font-size: 14.332px;
    font-weight: 500;
    line-height: 25.081px;
}

.department-page-container .department-title {
    text-align: left;
    color: #FC794B;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 48px;

}

.department-page-container {
    margin-bottom: 200px;
}

.department-page-container .main-acc {
    display: flex;
    gap: 85px;

}

.team-page-tabs {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    gap: 24px;
}

.team-page-tabs button {
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    font-size: 20px;
    color: #363E4E;
    font-weight: 600;
    line-height: 110%
}

.team-page-tabs button.active {
    color: #FC794B;
}

.team-page-accordion {
    width: 100%;
}

.team-page-accordion h3 {
    text-align: left;
    margin-bottom: 32px;
    padding: 0px;
    font-size: 32px;
    font-weight: 600;
    line-height: 112%;
}

.team-page-accordion .group {
    margin-bottom: 10px;
    display: none;
    /* Hide all groups by default */
}

.team-page-accordion .group.active {
    display: block;
    /* Show only the active group */
}

.team-page-accordion .group button {
    border-radius: 2px;
    background: rgba(252, 121, 75, 0.10);
    border: none;
    padding: 12px 16px;
    width: 100%;
    text-align: left;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
    color: #FC794B;
    font-size: 24px;
    font-weight: 500;
    line-height: 122%;
}

.team-page-accordion .group .content {
    padding-bottom: 40px;
}

.team-page-accordion .group .content .text {
    display: flex;
    gap: 80px;
    margin-top: 32px;
}

.team-page-accordion .group .content .text p,
.team-page-accordion .group .content .text ul {
    color: #363E4E;
    font-size: 16px;
    font-weight: 500;
    font-family: QanelasSoft, sans-serif;
    line-height: 24px;
    text-align: left;
}

.team-page-accordion .group .content .text .left a {
    display: flex;
    min-width: 196px;
    height: 49px;
    justify-content: center;
    width: fit-content;
    margin-top: 32px;
    font-family: QanelasSoft, sans-serif;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #363E4E;
    color: #363E4E;
    font-size: 16px;
    font-weight: 700;
}

.team-page-accordion .image-container {
    width: 309px;
    min-width: 309px;
    height: 309px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    color: #FFFFFF;
}

.team-page-accordion .image-container h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0px;
}

.team-page-accordion .image-container P {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.team-page-accordion .group button.active svg {
    transform: rotate(180deg);
}

.team-page-dropdown {
    display: none;
}

.image-text-container {
    display: none;
}

@media (max-width: 1720px) {
    .instagram-block-container {
        background-size: 980px auto;
    }

}

@media (max-width: 1536px) {
    .instagram-block-container {
        background-size: 865px auto;
    }

}

@media (max-width: 1440px) {
    .instagram-block-container {
        background-size: 800px auto;
    }

}


@media (max-width: 700px) {
    .vacancy_gate-filters .select {
        width: 100%;
    }

    .instagram-block-container {
        display: flex;
        flex-direction: column-reverse;
        background-image: none;
        gap: 24px;
        padding: 0px;
        align-items: baseline;
    }

    .instagram-text {
        padding: 24px;
    }

    .vacancy_gate-filters .select-styled {
        padding: 13px 10px 14px 10px;
    }

    .vacancy_gate-filters .mobile {
        display: block;
    }

    .desktop-insta-grid {
        display: block;
        margin-left: 24px;
    }

    .instagram-box-link {
        margin: 24px;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
    }

    .instagram-grid-thumnail {
        width: 185px;
        max-height: 185px;
    }

    .instagram-block-container .instagram-grid-column {
        background-image: url(/wp-content/uploads/2023/07/17204507/Group-13894-1-1.png);
        background-repeat: no-repeat;
        background-position-y: bottom;
        padding-bottom: 40px;
        background-size: contain;
    }

    .instagram-text .title {
        font-size: 24px;
        margin-bottom: 4px;
        line-height: 28px;
    }

    .instagram-text .subtitle {
        margin-bottom: 4px;
    }

    .instagram-text .handle {
        font-size: 16px;
        line-height: 32px;
    }

    /* Add necessary styles for your accordion and sliders here */
    /* For simplicity, I'm omitting some styles such as colors, borders, and positioning */
    .office-gallery-accordion {
        display: block;
    }

    .office-gallery-accordion-item {
        cursor: pointer;
    }

    .office-gallery-accordion-body {
        display: none;
    }

    .open .office-gallery-accordion-body {
        display: block;
    }

    .office-gallery-slider {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .office-gallery-slider-images {
        display: flex;
        /* Display images in a horizontal row */
        scroll-snap-type: x mandatory;
        /* Snap each image when scrolling */
    }

    .office-gallery-slider-images svg,
    .office-gallery-left-arrow svg,
    .office-gallery-right-arrow svg {
        opacity: 0.9;
        height: 23px;
        width: 23px;
    }


    .office-gallery-slider-images picture,
    .office-gallery-slider-images img {
        flex: 0 0 auto;
        width: 100%;
        border-radius: 4px;
        height: auto;
        scroll-snap-align: start;

    }

    .office-gallery-slider-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        outline: none;
        cursor: pointer;
        padding: 0px;
        z-index: 1;
    }

    .office-gallery-left-arrow {
        left: 0px;
    }

    .office-gallery-right-arrow {
        right: 0px
    }


    .office-gallery-accordion-head {
        padding: 8px;
        border-radius: 4.139px;
        border: 1px solid rgba(195, 202, 215, 0.41);
        background: #FFF;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .office-gallery-accordion-item.open .office-gallery-caret svg {
        transform: rotate(180deg);
    }

    .office-gallery-accordion-item.open .office-gallery-accordion-head {
        color: #FC794B;
    }

    .office-gallery-accordion-item.open {
        margin-bottom: 24px;
    }

    .instagram-block-container {
        margin-top: 70px;
    }

    .meet-the-team-container {
        flex-direction: column;
    }

    .meet-the-team-container .text {
        margin: 40px 16px;
    }

    .meet-the-team-container .top {
        position: unset;
        height: fit-content;
        margin-right: 0px;
    }

    .image-container {
        width: 100%;
    }

    .meet-the-team-container .team-photo {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .meet-the-team-container .img-0 {
        position: unset;
    }

    .meet-the-team-container .img-0,
    .meet-the-team-container .img-1,
    .meet-the-team-container .img-2,
    .meet-the-team-container .img-3,
    .meet-the-team-container .img-4,
    .meet-the-team-container .img-5,
    .meet-the-team-container .img-6 {
        grid-area: unset;
    }

    .meet-the-team-container .image-container {
        padding: 0px;
        background-size: contain;
    }

    .meet-the-team-container .image-container h6,
    .meet-the-team-container .image-container h5 {
        display: none;
    }

    .meet-the-team-container .top .title {
        font-size: 32px;
        line-height: 40px;
    }

    .meet-the-team-container .text a {
        margin-top: 25px;
    }

    .office-gallery-accordion,
    .accordion-wrapper {
        display: block;
    }

    .department-page-container .main-acc {
        gap: 40px;
        flex-direction: column;
    }

    /* Mobile styles */
    .department-page-container .department-title {
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 22px;
    }

    .team-page-tabs {
        display: none;
    }

    .team-page-dropdown {
        display: block;
        margin-bottom: 20px;
    }

    .team-page-select {
        width: 100%;
        padding: 8px 15px;
        font-size: 16px;
        border: 1px solid #848FA3;
        border-radius: 6px;
        height: 36px;
        color: #868B95;
        background-color: #fff;
    }

    .team-page-accordion .group button {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    .team-page-accordion .group button svg {
        height: 5px;
    }

    .team-page-accordion .group .content .text {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .team-page-accordion .image-container {
        height: 120px;
        width: 120px;
        min-width: 120px;
        padding: 0px;
    }

    .team-page-accordion .image-container h5,
    .team-page-accordion .image-container P {
        display: none;
    }

    .image-text-container {
        display: flex;
        flex-direction: column;
        justify-content: end;
    }

    .image-text-container h5 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 2px;
        line-height: 150%;
    }

    .image-text-container p {
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        color: #7F7F7F;
        ;
        margin: 0;
    }

    .accordion-img {
        display: flex;
        gap: 8px;

    }

    .department-page-container {
        margin-bottom: 72px;
    }
}

/* Component revamp */

.title-main-gradient {
    background: var(--gradient-orange-180, linear-gradient(90deg, #E14A53 1.81%, #FFA246 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.faq-accordian-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.faq-block-container .accordion {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.faq-block-container .accordion-container {
    border-radius: 4px;
    border: 1px solid rgba(54, 62, 78, 0.10);

}

.faq-block-container .accordion-head {
    cursor: pointer;
    background-color: transparent;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.faq-block-container .icon {
    margin-left: auto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.faq-block-container .accordion-body {
    display: none;
    padding: 8px 24px 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.faq-block-container .accordion-body p {
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.faq-block-container .open-head {
    background-color: #FFFFFF;
}

.faq-block-container .open-head .accordion-head {
    color: #FC794B;
}

/* G2 Badges */

.badges-block-container .title {
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 6px;
}

.badges-block-container .subtext {
    max-width: 700px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin-bottom: 24px;
    justify-self: center;
}

.badges-block-container .badges {
    display: flex;
    gap: 48px;
    justify-content: center;
    margin-bottom: 40px;
}

.badges-block-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 64px;
    background-color: #363E4E;
    color: #FFFFFF;
    padding: 12px 40px;
    width: fit-content;
    justify-self: center;
}

/* G2 Badges */
.badges-block-container {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 4px 4px 28px 0px rgba(0, 0, 0, 0.10);
    margin-top: 70px;
    margin-bottom: 60px;
    padding: 64px 0px 48px;
    position: relative;

}

/* Add the following pseudo-element to create the left half of the line behind the first badge */
.badges-block-container .badges::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 170px;
    width: calc(50% - 24px);
    /* Adjust the width as needed to cover the line behind the first badge */
    height: 6px;
    background-color: #363E4E;
    opacity: 0.1;
    transform: translateY(-50%);
    z-index: 1;
    /* Lower z-index to place the line below images */
}

/* Add the following pseudo-element to create the right half of the line behind the last badge */
.badges-block-container .badges::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 170px;
    width: calc(50% - 24px);
    /* Adjust the width as needed to cover the line behind the last badge */
    height: 6px;
    background-color: #363E4E;
    opacity: 0.1;
    transform: translateY(-50%);
    z-index: 1;
    /* Lower z-index to place the line below images */
}

/* Apply the badge styles */
.badges-block-container .badges {
    display: flex;
    gap: 48px;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
}

/* Apply the badge styles */
.badges-block-container .badges img {
    max-width: 100%;
    height: auto;
    width: 114px;
}

/* Add the following pseudo-element to hide the line where the badges are placed */
.badges-block-container .badges::before,
.badges-block-container .badges::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 100px;
    /* Adjust the width as needed to cover the line behind the badges */
    height: 6px;
    background-color: #363E4E;
    /* Set the background color to match the container's background color */
    transform: translateY(-50%);
    z-index: 1;
    /* Lower z-index to place the lines below images */
}

/* Position the pseudo-element before the first badge */
.badges-block-container .badges::before {
    left: 0;
}

/* Position the pseudo-element after the last badge */
.badges-block-container .badges::after {
    right: 0;
}


/* G2 BLOCK SLIDER */
.info .rating .stars {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.g2-review-container {
    display: flex;
    margin-top: 100px;
    margin-bottom: 100px;
    gap: 70px;
}

.g2-review-container .text {
    min-width: 500px;
    max-width: 500px;
}



.g2-review-container .text .rating {
    display: flex;
    gap: 12px;
}

.g2-review-container .text .rating .g2-logo {
    height: 20px;
}

.g2-review-container .text .title {
    font-size: 54.401px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 16px;
}

.g2-review-container .text .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
}


.g2-review-container .review-card {
    border-radius: 8px;
    opacity: 0.800000011920929;
    background: #FC794B;
    height: 320px;
    color: #FFFFFF;
    padding: 24px 16px 50px;
}

.g2-review-container .review-card .reviewer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.g2-review-container .review-card .reviewer img {
    height: 56px;
    width: 56px;
}

.g2-review-container .review-card .reviewer .details .name {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.134px;
}

.g2-review-container .review-card .reviewer .details .size {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    line-height: 18.134px;/
}

.g2-review-container .review-card h5 {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.g2-review-container .review-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.g2-review-container ul {
    display: flex;
    text-align: end;
    margin-top: 40px;
}

.g2-review-container ul li {
    list-style-type: none;
}

.g2-review-container ul .prev {
    display: none;
}

.review-slider {
    width: fit-content;
    overflow: hidden;
}

.faq-block-container .faq-bottom-text {
    margin-top: 16px;
}

@media (max-width: 700px) {

    .title-main-gradient {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 2px;
    }

    .faq-block-container .accordion-head {
        padding: 16px;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }


    .faq-block-container .accordion-body {
        padding: 16px;
    }

    .faq-block-container.open-head .accordion-head {
        padding-bottom: 0px;
    }

    .faq-block-container .faq-bottom-text {
        margin-top: 24px;
    }

    .badges-block-container .badges img {
        width: 55px;
    }

    .badges-block-container .badges::before,
    .badges-block-container .badges::after {
        display: none;
    }

    .badges-block-container .badges {
        flex-wrap: wrap;
        gap: 32px;
        row-gap: 8px;
    }

    .badges-block-container .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
    }

    .badges-block-container .subtext {}

    .badges-block-container {
        padding: 40px 16px;
    }

    .badges-block-container a {
        width: 100%;
    }

    .g2-review-container {
        flex-direction: column;
    }

    .g2-review-container .text {
        min-width: unset;
        max-width: unset;
    }

    .g2-review-container .text .rating {
        margin-bottom: 16px;
    }

    .g2-review-container .text .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px;
    }

    .review-slider {
        width: unset;
        overflow: unset;
    }

}

/* Partnership page fixes */
.partnership-testimonials-container .subtitle {
    background: linear-gradient(90deg, #E14A53 1.81%, #FFA246 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 700px) {
    .partnership-testimonials-container .card-template-container .card .text p {
        min-height: unset;
    }

    .ai-waitlist-form-text {
        margin-right: 24px;
    }

}

/* Partnership page fixes */
.partnership-testimonials-container .subtitle {
    background: linear-gradient(90deg, #E14A53 1.81%, #FFA246 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.partnership-testimonials-container .card-template-container .card .text p {
    min-height: unset;
}

@media (max-width: 700px) {
    .partnership-testimonials-container .card-template-container .card .text p {
        min-height: unset;
    }

    .ai-waitlist-form-text {
        margin: 0;
    }

    .ai-waitlist-form-box .ai-waitlist_wrapper .ai-waitlist .gform_body {
        margin-right: 0;
    }

    .ai-waitlist-form-box .ai-waitlist_wrapper .ai-waitlist .gform_body .gform_fields fieldset .ginput_container {
        flex-direction: column;
    }

    .ai-waitlist .gform_footer {
        padding: 12px 0px;
    }

}

/* microlearning */
.course-tags .tags_content {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.course-tags .tags_content button {
    border-radius: 48px;
    border: 2px solid #848FA3;
    height: 34px;
    display: flex;
    padding: 8px 24px;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #848FA3;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.course-tags .tags_content .active-category {
    background: #848FA3;
    color: #FFF;
}

.course-label-wrap {
    position: absolute;
    z-index: 100;
    border-radius: 2px;
    padding: 4px 15px;
    background: #FFF;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.20);
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 11px;

}

.course-label {
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.template .wrap .elem:hover .elem__con-text {
    z-index: 400;
    position: absolute;
}


@media (max-width: 700px) {
    .course-tags {
        margin: 40px 0px;
    }

    .course-tags .tags_content {
        flex-wrap: wrap;
        gap: 12px;
    }

    .course-tags .tags_content button {
        height: 32px;
        padding: 8px 20px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }

    .template .wrap.hidden-elem::before {
        border: none;
    }

    .course-label-wrap {
        height: 17px;
        background-color: #FFFFFF;
        padding: 0px 6px;
        color: #000;
        font-size: 11px;
        font-weight: 600;
        left: 8px;
        top: 10px;
        width: fit-content;

    }

    .course-label {
        font-size: 11px;
    }
}

.sticky-sidebar {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.social-share-container .share-text {
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
    font-size: 24px;
}

.social-share-container .social-share {
    display: flex;
    gap: 16px;
}

.social-share-container .social-share svg {
    width: 39px;
    height: 39px;
}

.sticky-sidebar .sticky-side-container {
    width: 306px;
    padding: 42px 22px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sticky-sidebar .sticky-side-container .text {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 22px;
}

.sticky-sidebar .sticky-side-container .sticky-image {
    width: 100%;
    margin-bottom: 8px;

}

.sticky-sidebar .sticky-side-container .sticky-btn {
    color: #363E4E;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 600;
    line-height: 12px;
    border-radius: 72px;
    justify-content: center;
    padding: 0px 14px;
    height: 36px;
    width: fit-content;
    min-width: 175px;
    background-color: #FFFFFF;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side {
    text-align: left;
    display: block;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side .cta {
    display: flex;
    justify-content: center;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side .webinar-icon {
    height: 52px;
    width: auto;
    margin-bottom: 8px;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side .title {
    font-weight: 600;
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 8px;
}

.sticky-sidebar .sticky-side-container.webinar-sticky-side .subtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 38px;
}

.fixed {
    position: fixed !important;
    top: 0 !important;
}


.sticky-sidebar {
    position: sticky;
    top: 0;
    align-self: flex-start;
    /* Adjust other styles as needed */
}

.sticky {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    /* Adjust other styles as needed */
}

.popup {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    color: #FFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: none;
    width: 1160px;
    border-radius: 2px;
    background: #363E4E;
    padding: 16px 24px;
    font-weight: 500;
    font-size: 18px;
}

.close {
    position: absolute;
    top: 16px;
    right: 24px;
    cursor: pointer;
}

#closeButton svg {
    color: white;
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 1;
    cursor: pointer;
}

.pillar-text-block p {
    font-size: 18px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 40px;
}

.pillar-text-block h2 {
    margin-top: 72px;
    color: #FC794B;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 16px;
}

.related-blogs-container {
    margin-top: 80px;
    margin-bottom: 170px;
}


.related-article-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.related-blogs-container .related-blog-title {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 47px;
    margin-bottom: 32px;
}

.pillar-text-block img {
    max-width: 780px;
    height: auto;
    width: 100%;
    margin: 56px 0px;

}

.blog-customer-story {
    padding: 40px 32px;
    border-radius: 4px;
    width: 100%;
    background: #F7F9FD;
    margin: 40px 0px;
}

.blog-customer-story .logo {
    height: 45px;
    width: auto;
    margin-bottom: 28px;
}

.blog-customer-story .description {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: IowanOldStyle, serif;
    margin-bottom: 32px;
}

.blog-customer-story .customer-name {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.blog-customer-story .customer-designation {
    color: #848FA3;
    font-family: IowanOldStyle, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.scroll-indicator-wrapper {
    height: 8px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    top: 70px;
    z-index: 998;
}

#scroll-indicator {
    width: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 100%;
    background-color: #FC794B;
    /* Change the color as per your preference */
    transition: width 0.2s ease-out;
}

.scroll-wrapper-indicator {
    background: #FFF2ED;
}

.pillar-text-block img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px 10px rgba(80, 207, 112, 0.4),
        0 0 20px 10px rgba(86, 159, 254, 0.4),
        0 0 20px 10px rgba(205, 92, 191, 0.4),
        0 0 20px 10px rgba(252, 121, 75, 0.4);
}

.adwords-animated-header {
    padding: 85px 0 117px;
}

.adwords-animated-header-container {
    margin-top: 70px;
}

.sticky .popup {
    transform: translate(-13%, -150px);
}

.ebook__head {
    margin-top: 38px;
}

.pillar-text-new {
    max-width: 780px;
}

@media (max-width: 700px) {
    .blog-details-main-container {
        margin-top: 50px;
        text-align: left;
        margin-bottom: 24px;
    }

    .pillar-text-block img {
        max-width: 100%;
        height: auto;
        margin: 30px 0px;
    }

    .blog-details-main-container .blog-details-main-text .title {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 16px;
    }

    .blog-details-main-container .blog-details-main-text .description,
    .blog-details-main-container .blog-details-main-text .description p {
        line-height: 24px;
        font-size: 20px;
        font-weight: 500;
    }

    .blog-details-main-container .blog-details-main-text .description {
        margin-bottom: 12px;
    }

    .blog-details-main-container .blog-details-main-text .meta-content {
        font-weight: 500;
        line-height: 16px;
        font-size: 16px;
        margin-bottom: 24px;
    }

    .blog-details-main-container .blog-main-image {
        width: 100%;
        margin: 0px 24px;
        width: -webkit-fill-available;
    }

    .blog-heading-description-container .heading {
        font-size: 22px !important;
        line-height: 30px;

    }

    .blog-heading-description-container .description {
        font-size: 16px !important;
        line-height: 26px;
    }

    .blog-heading-description-container img {
        margin-bottom: 40px;
    }

    .blog-small-cta {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        margin: 40px 0px;
        width: 100%;
        padding: 32px 16px;
    }

    .blog-small-cta .text {
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
    }

    .blog-small-cta a {
        width: 100%;
        height: 38px;
        font-size: 16px;
        font-weight: 600;
        line-height: 161%;
    }

    .post-side-sticky {
        gap: 0px;
    }

    .social-share-container .social-share {
        flex-direction: column;
        gap: 16px;
        margin: 0px 24px;
        margin-top: 32px;
    }


    .pillar-text-block p {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .pillar-text-block h2 {
        font-weight: 600;
        line-height: 30px;
        margin: 32px 0px 12px;
        font-size: 22px;
    }

    .pillar-text-new {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: end;
        max-width: 248px;
    }

    .blog-author-block {
        margin-top: 40px;
    }

    .page-author-block {
        padding-top: 27px;
        gap: 16px;

    }

    .blog-author-block .blog-author-image {
        height: 80px;
    }

    .blog-author-block .text .title {
        font-size: 20px;
        line-height: 24px;
    }

    .blog-author-block .text .description {
        font-weight: 400;
        line-height: 24px;
        font-size: 16px;
    }

    .text-container-blog {
        margin: 0px;
        padding-bottom: 20px;
        margin-bottom: 80px;
        width: 100%;

        width: 100vw;
        justify-content: space-between;
    }

    .dark-cta {
        background-position: left;
    }

    .popup {
        transform: translate(0%, -224%);
        width: 80vw;
        top: 0%;
    }

    .related-blogs-container .related-blog-title {
        line-height: 32px;
        font-size: 24px;
        margin-bottom: 24px;
    }

    .related-article-cards-container {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .blog-customer-story {
        padding: 32px 24px;
    }

    .blog-customer-story .description {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 24px;
    }

    .blog-customer-story .customer-name {
        font-size: 20px;
        line-height: 32px;
    }

    body.admin-bar .fullwidth__head {
        margin-top: -72px;
    }

    .page-blog .filter-scrolling-down {
        top: 72px !important;
        padding-left: 24px;
        padding-right: 24px;
    }

    .page-blog .filter-scrolling-up {
        top: 72px !important;
        padding-left: 24px;
        padding-right: 24px;
    }

    .filter-scrolling-down .search--opened,
    .filter-scrolling-up .search--opened {
        margin-left: 24px;
        margin-right: 24px;
    }

    .filter-scrolling-down .search--opened .search__field,
    .filter-scrolling-down .search--opened .search__field {
        margin-left: 24px;
        margin-right: 24px;
    }


}

/* Career page */
.partnership-steps-container .partnership-steps-top .text {}

.vacancy_gate-filters {
    display: flex;
    margin-top: 40px;
    gap: 16px;
}

.career-container {
    max-width: 1160px;
}

.vacancy_gate-filters .select-styled {
    background: none;
}


.instagram-block-container {
    display: flex;
    padding-top: 80px;
    gap: 100px;
    justify-content: space-between;
    align-items: center;
    margin: 120px 0px;
    background-image: url(/wp-content/uploads/2023/07/Group-13894-1.png);
    background-repeat-x: no-repeat;
    background-size: 1070px auto;
}

.instagram-grid-thumnail {
    width: 255px;
    max-height: 255px;
    border-radius: 4px;
}

.instagram-box-link {
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.instagram-box-link svg {
    margin-left: 12px;
}

.desktop-insta-grid {
    margin-bottom: 32.33px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.instagram-block-container .instagram-grid-column {
    width: 100%;
    margin-bottom: 36.88px;
}

#sb_instagram {
    padding: 0px !important;
}

.instagram-text .subtitle {
    text-align: left;
    background: linear-gradient(140deg, #e14a53 1.81%, #ffa246 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 2px;
}

.instagram-text .title {
    font-size: 40px;
    padding: 0px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 8px;
    text-align: left;
}

.instagram-text .handle {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.office-container .tab.selected,
.tab.active-tab {
    background-color: #f0f0f0;
}




.office-container .image {
    display: none;
    position: relative;
}

.office-container .image.active {
    display: block;
    z-index: 1;

}

.office-container .arrow-indicators {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    bottom: 10px;
    right: 10px;
    display: flex;
    position: relative;
    top: -30px;
    left: -15;
    width: 100%;
    justify-content: end;
}

/* Style for the left and right arrows */
.left-arrow-job,
.right-arrow-job {
    width: 24px;
    height: 24px;
    background-color: #E6E7E9;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 3px;
}

.office-container .tabs {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    cursor: pointer;
    gap: 8px;
}

.office-container .tabs .tab {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 29px 33px;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1.035px solid rgba(195, 202, 215, 0.41);
    color: #363E4E;
    font-size: 24px;
    cursor: pointer;
    font-weight: 600;
    max-height: 95px;
    line-height: 112%;
    width: 450px;
}

.office-container .tab.active {
    width: calc(100% + 64px);
    z-index: 2;
    color: #FC794B;
    white-space: nowrap;
    font-size: 33px;
    border: none;
    filter: drop-shadow(4.139285564422607px 4.139285564422607px 28.974998474121094px rgba(192, 192, 192, 0.24));
}

.office-container {
    display: flex;
    gap: 12px;
    max-width: 1160px;
}

.office-container .images img {
    width: 700px;
    height: 100%;
    border-radius: 5px;

}

.office-container .image.active {
    height: 100%;
}

.office-component-container .title {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 112%;
    margin-bottom: 40px;
}

.office-component-container .indicator-text {
    color: #848FA3;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 12px;
}

/* Styling for the image carousel */
.office-container .slideshow-container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    height: 100%;
}

.office-container .slide {
    display: none;
}

.office-container .slide img {

    max-width: 100%;
    width: 698px;
    height: 100%;

}

.office-container .slide.active {
    display: block;
    max-width: 100%;
    overflow: hidden;
    border-radius: 4px;
    height: 100%;
}

.office-container .carousel-arrow-container {
    position: relative;
    bottom: 48px;
    right: 20px;
    display: flex;
    justify-content: flex-end;
}

.office-container .slide-group {
    height: 100%;
}

.office-container .carousel-arrow {

    margin-left: 5px;
}

.office-gallery-accordion,
.accordion-wrapper {
    display: none;
}

.image-container {
    height: 300px;
    width: 300px;
}

.meet-the-team-container {
    display: flex;
    max-width: 1160px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 4px 4px 28px 0px rgba(192, 192, 192, 0.25);
}

.meet-the-team-container .text {
    margin: 37px 52px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.meet-the-team-container .team-photo {
    display: grid;
    flex-wrap: wrap;
    justify-content: end;
    grid-template-areas: "emp tm1 tm2"
        "tm3 tm4 tm5";
}

.meet-the-team-container .image-container {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 24px;
    background-size: contain;
}

.meet-the-team-container .image-container h5,
.meet-the-team-container .image-container h6 {
    margin: 0px;
}

.meet-the-team-container .image-container h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #FFFFFF;
}

.meet-the-team-container .image-container h6 {
    color: #E4E4E7;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
}

.meet-the-team-container .img-0 {
    grid-area: emp;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.meet-the-team-container .img-1 {
    grid-area: tm1;
}

.meet-the-team-container .img-2 {
    grid-area: tm2;
    border-top-right-radius: 8px;
}

.meet-the-team-container .img-3 {
    grid-area: tm3;
}

.meet-the-team-container .img-4 {
    grid-area: tm4;
}

.meet-the-team-container .img-5 {
    grid-area: tm5;
    border-bottom-right-radius: 8px;
}

/* Adjust the height of .top to 500px */
.meet-the-team-container .top {
    height: 500px;
    position: relative;
    margin-right: -303px;
    /* Adjust this negative margin to overlap with .img-0 */
}

.meet-the-team-container .top .title {
    text-align: left;
    color: #FC794B;
    padding: 0px;
    font-size: 46px;
    margin: 0px;
    font-weight: 600;
    line-height: 55px;
    margin-bottom: 20px;
}

.meet-the-team-container .top .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.meet-the-team-container .text svg {
    margin-left: 12px;
}

.vacancy-card-list .show-more-container {
    display: flex;
    justify-content: center;
}

.vacancy-card-list .show-more-container button {
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    height: 51px;
    border-radius: 49.655px;
    border: 1.034px solid #363E4E;
}

/* Your custom CSS styles here */
.department-page-container .career-page-link {
    color: #363E4E;
    font-size: 14.332px;
    font-weight: 500;
    line-height: 25.081px;
}

.department-page-container .department-title {
    text-align: left;
    color: #FC794B;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 48px;

}

.department-page-container {
    margin-bottom: 200px;
}

.department-page-container .main-acc {
    display: flex;
    gap: 85px;

}

.team-page-tabs {
    display: flex;
    flex-direction: column;
    min-width: 200px;
    gap: 24px;
}

.team-page-tabs button {
    background-color: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    font-size: 20px;
    color: #363E4E;
    font-weight: 600;
    line-height: 110%
}

.team-page-tabs button.active {
    color: #FC794B;
}

.team-page-accordion {
    width: 100%;
}

.team-page-accordion h3 {
    text-align: left;
    margin-bottom: 32px;
    padding: 0px;
    font-size: 32px;
    font-weight: 600;
    line-height: 112%;
}

.team-page-accordion .group {
    margin-bottom: 10px;
    display: none;
    /* Hide all groups by default */
}

.team-page-accordion .group.active {
    display: block;
    /* Show only the active group */
}

.team-page-accordion .group button {
    border-radius: 2px;
    background: rgba(252, 121, 75, 0.10);
    border: none;
    padding: 12px 16px;
    width: 100%;
    text-align: left;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
    color: #FC794B;
    font-size: 24px;
    font-weight: 500;
    line-height: 122%;
}

.team-page-accordion .group .content {
    padding-bottom: 40px;
}

.team-page-accordion .group .content .text {
    display: flex;
    gap: 80px;
    margin-top: 32px;
}

.team-page-accordion .group .content .text .left a {
    display: flex;
    min-width: 196px;
    height: 49px;
    justify-content: center;
    width: fit-content;
    margin-top: 32px;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #363E4E;
    color: #363E4E;
    font-size: 16px;
    font-weight: 700;
}

.team-page-accordion .image-container {
    width: 309px;
    min-width: 309px;
    height: 309px;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    color: #FFFFFF;
}

.team-page-accordion .image-container h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    margin: 0px;
}

.team-page-accordion .image-container P {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
}

.team-page-accordion .group button.active svg {
    transform: rotate(180deg);
}

.team-page-dropdown {
    display: none;
}

.image-text-container {
    display: none;
}

@media (max-width: 1720px) {
    .instagram-block-container {
        background-size: 980px auto;
    }

}

@media (max-width: 1536px) {
    .instagram-block-container {
        background-size: 865px auto;
    }

}

@media (max-width: 1440px) {
    .instagram-block-container {
        background-size: 800px auto;
    }

}


@media (max-width: 700px) {
    .vacancy_gate-filters .select {
        width: 100%;
    }

    .instagram-block-container {
        display: flex;
        flex-direction: column-reverse;
        background-image: none;
        gap: 24px;
        padding: 0px;
        align-items: baseline;
    }

    .instagram-text {
        padding: 24px;
    }

    .vacancy_gate-filters .select-styled {
        padding: 13px 10px 14px 10px;
    }

    .vacancy_gate-filters .mobile {
        display: block;
    }

    .desktop-insta-grid {
        display: block;
        margin-left: 24px;
    }

    .instagram-box-link {
        margin: 24px;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
    }

    .instagram-grid-thumnail {
        width: 185px;
        max-height: 185px;
    }

    .instagram-block-container .instagram-grid-column {
        background-image: url(/wp-content/uploads/2023/07/17204507/Group-13894-1-1.png);
        background-repeat: no-repeat;
        background-position-y: bottom;
        padding-bottom: 40px;
        background-size: contain;
    }

    .instagram-text .title {
        font-size: 24px;
        margin-bottom: 4px;
        line-height: 28px;
    }

    .instagram-text .subtitle {
        margin-bottom: 4px;
    }

    .instagram-text .handle {
        font-size: 16px;
        line-height: 32px;
    }

    /* Add necessary styles for your accordion and sliders here */
    /* For simplicity, I'm omitting some styles such as colors, borders, and positioning */
    .office-gallery-accordion {
        display: block;
    }

    .office-gallery-accordion-item {
        cursor: pointer;
    }

    .office-gallery-accordion-body {
        display: none;
    }

    .open .office-gallery-accordion-body {
        display: block;
    }

    .office-gallery-slider {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .office-gallery-slider-images {
        display: flex;
        /* Display images in a horizontal row */
        scroll-snap-type: x mandatory;
        /* Snap each image when scrolling */
    }

    .office-gallery-slider-images svg,
    .office-gallery-left-arrow svg,
    .office-gallery-right-arrow svg {
        opacity: 0.9;
        height: 23px;
        width: 23px;
    }


    .office-gallery-slider-images picture,
    .office-gallery-slider-images img {
        flex: 0 0 auto;
        width: 100%;
        border-radius: 4px;
        height: auto;
        scroll-snap-align: start;

    }

    .office-gallery-slider-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border: none;
        outline: none;
        cursor: pointer;
        padding: 0px;
        z-index: 1;
    }

    .office-gallery-left-arrow {
        left: 0px;
    }

    .office-gallery-right-arrow {
        right: 0px
    }


    .office-gallery-accordion-head {
        padding: 8px;
        border-radius: 4.139px;
        border: 1px solid rgba(195, 202, 215, 0.41);
        background: #FFF;
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 8px;
    }

    .office-gallery-accordion-item.open .office-gallery-caret svg {
        transform: rotate(180deg);
    }

    .office-gallery-accordion-item.open .office-gallery-accordion-head {
        color: #FC794B;
    }

    .office-gallery-accordion-item.open {
        margin-bottom: 24px;
    }

    .instagram-block-container {
        margin-top: 70px;
    }

    .meet-the-team-container {
        flex-direction: column;
    }

    .meet-the-team-container .text {
        margin: 40px 16px;
    }

    .meet-the-team-container .top {
        position: unset;
        height: fit-content;
        margin-right: 0px;
    }

    .image-container {
        width: 100%;
    }

    .meet-the-team-container .team-photo {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .meet-the-team-container .img-0 {
        position: unset;
    }

    .meet-the-team-container .img-0,
    .meet-the-team-container .img-1,
    .meet-the-team-container .img-2,
    .meet-the-team-container .img-3,
    .meet-the-team-container .img-4,
    .meet-the-team-container .img-5,
    .meet-the-team-container .img-6 {
        grid-area: unset;
    }

    .meet-the-team-container .image-container {
        padding: 0px;
        background-size: contain;
    }

    .meet-the-team-container .image-container h6,
    .meet-the-team-container .image-container h5 {
        display: none;
    }

    .meet-the-team-container .top .title {
        font-size: 32px;
        line-height: 40px;
    }

    .meet-the-team-container .text a {
        margin-top: 25px;
    }

    .office-gallery-accordion,
    .accordion-wrapper {
        display: block;
    }

    .department-page-container .main-acc {
        gap: 40px;
        flex-direction: column;
    }

    /* Mobile styles */
    .department-page-container .department-title {
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 22px;
    }

    .team-page-tabs {
        display: none;
    }

    .team-page-dropdown {
        display: block;
        margin-bottom: 20px;
    }

    .team-page-select {
        width: 100%;
        padding: 8px 15px;
        font-size: 16px;
        border: 1px solid #848FA3;
        border-radius: 6px;
        height: 36px;
        color: #868B95;
        background-color: #fff;
    }

    .team-page-accordion .group button {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    .team-page-accordion .group button svg {
        height: 5px;
    }

    .team-page-accordion .group .content .text {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .team-page-accordion .image-container {
        height: 120px;
        width: 120px;
        min-width: 120px;
        padding: 0px;
    }

    .team-page-accordion .image-container h5,
    .team-page-accordion .image-container P {
        display: none;
    }

    .image-text-container {
        display: flex;
        flex-direction: column;
        justify-content: end;
    }

    .image-text-container h5 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 2px;
        line-height: 150%;
    }

    .image-text-container p {
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        color: #7F7F7F;
        ;
        margin: 0;
    }

    .accordion-img {
        display: flex;
        gap: 8px;

    }

    .department-page-container {
        margin-bottom: 72px;
    }
}

/* Component revamp */

.title-main-gradient {
    background: var(--gradient-orange-180, linear-gradient(90deg, #E14A53 1.81%, #FFA246 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.faq-accordian-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.faq-block-container .accordion {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.faq-block-container .accordion-container {
    border-radius: 4px;
    border: 1px solid rgba(54, 62, 78, 0.10);

}

.faq-block-container .accordion-head {
    cursor: pointer;
    background-color: transparent;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.faq-block-container .icon {
    margin-left: auto;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
}

.faq-block-container .accordion-body {
    display: none;
    padding: 8px 24px 24px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.faq-block-container .accordion-body p {
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.faq-block-container .open-head {
    background-color: #FFFFFF;
}

.faq-block-container .open-head .accordion-head {
    color: #FC794B;
}

/* G2 Badges */

.badges-block-container .title {
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 6px;
}

.badges-block-container .subtext {
    max-width: 700px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin-bottom: 24px;
    justify-self: center;
}

.badges-block-container .badges {
    display: flex;
    gap: 48px;
    justify-content: center;
    margin-bottom: 40px;
}

.badges-block-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 64px;
    background-color: #363E4E;
    color: #FFFFFF;
    padding: 12px 40px;
    width: fit-content;
    justify-self: center;
}

/* G2 Badges */
.badges-block-container {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 4px 4px 28px 0px rgba(0, 0, 0, 0.10);
    margin-top: 70px;
    margin-bottom: 60px;
    padding: 64px 0px 48px;
    position: relative;

}

/* Add the following pseudo-element to create the left half of the line behind the first badge */
.badges-block-container .badges::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    max-width: 170px;
    width: calc(50% - 24px);
    /* Adjust the width as needed to cover the line behind the first badge */
    height: 6px;
    background-color: #363E4E;
    opacity: 0.1;
    transform: translateY(-50%);
    z-index: 1;
    /* Lower z-index to place the line below images */
}

/* Add the following pseudo-element to create the right half of the line behind the last badge */
.badges-block-container .badges::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 170px;
    width: calc(50% - 24px);
    /* Adjust the width as needed to cover the line behind the last badge */
    height: 6px;
    background-color: #363E4E;
    opacity: 0.1;
    transform: translateY(-50%);
    z-index: 1;
    /* Lower z-index to place the line below images */
}

/* Apply the badge styles */
.badges-block-container .badges {
    display: flex;
    gap: 48px;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
}

/* Apply the badge styles */
.badges-block-container .badges img {
    max-width: 100%;
    height: auto;
    width: 114px;
}

/* Add the following pseudo-element to hide the line where the badges are placed */
.badges-block-container .badges::before,
.badges-block-container .badges::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 100px;
    /* Adjust the width as needed to cover the line behind the badges */
    height: 6px;
    background-color: #363E4E;
    /* Set the background color to match the container's background color */
    transform: translateY(-50%);
    z-index: 1;
    /* Lower z-index to place the lines below images */
}

/* Position the pseudo-element before the first badge */
.badges-block-container .badges::before {
    left: 0;
}

/* Position the pseudo-element after the last badge */
.badges-block-container .badges::after {
    right: 0;
}


/* G2 BLOCK SLIDER */
.info .rating .stars {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.g2-review-container {
    display: flex;
    margin-top: 100px;
    margin-bottom: 100px;
    gap: 70px;
}

.g2-review-container .text {
    min-width: 500px;
    max-width: 500px;
}



.g2-review-container .text .rating {
    display: flex;
    gap: 12px;
}

.g2-review-container .text .rating .g2-logo {
    height: 20px;
}

.g2-review-container .text .title {
    font-size: 54.401px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 16px;
}

.g2-review-container .text .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
}


.g2-review-container .review-card {
    border-radius: 8px;
    opacity: 0.800000011920929;
    background: #FC794B;
    height: 320px;
    color: #FFFFFF;
    padding: 24px 16px 50px;
}

.g2-review-container .review-card .reviewer {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.g2-review-container .review-card .reviewer img {
    height: 56px;
    width: 56px;
}

.g2-review-container .review-card .reviewer .details .name {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.134px;
}

.g2-review-container .review-card .reviewer .details .size {
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
    line-height: 18.134px;/
}

.g2-review-container .review-card h5 {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.g2-review-container .review-card p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

.g2-review-container ul {
    display: flex;
    text-align: end;
    margin-top: 40px;
}

.g2-review-container ul li {
    list-style-type: none;
}

.g2-review-container ul .prev {
    display: none;
}

.review-slider {
    width: fit-content;
    overflow: hidden;
}

.faq-block-container .faq-bottom-text {
    margin-top: 16px;
}

@media (max-width: 700px) {

    .title-main-gradient {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 2px;
    }

    .faq-block-container .accordion-head {
        padding: 16px;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }


    .faq-block-container .accordion-body {
        padding: 16px;
    }

    .faq-block-container.open-head .accordion-head {
        padding-bottom: 0px;
    }

    .faq-block-container .faq-bottom-text {
        margin-top: 24px;
    }

    .badges-block-container .badges img {
        width: 55px;
    }

    .badges-block-container .badges::before,
    .badges-block-container .badges::after {
        display: none;
    }

    .badges-block-container .badges {
        flex-wrap: wrap;
        gap: 32px;
        row-gap: 8px;
    }

    .badges-block-container .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
    }

    .badges-block-container .subtext {}

    .badges-block-container {
        padding: 40px 16px;
    }

    .badges-block-container a {
        width: 100%;
    }

    .g2-review-container {
        flex-direction: column;
    }

    .g2-review-container .text {
        min-width: unset;
        max-width: unset;
    }

    .g2-review-container .text .rating {
        margin-bottom: 16px;
    }

    .g2-review-container .text .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px;
    }

    .review-slider {
        width: unset;
        overflow: unset;
    }

}

/* Partnership page fixes */
.partnership-testimonials-container .subtitle {
    background: linear-gradient(90deg, #E14A53 1.81%, #FFA246 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 700px) {
    .partnership-testimonials-container .card-template-container .card .text p {
        min-height: unset;
    }

    .ai-waitlist-form-text {
        margin-right: 24px;
    }

}

/* Partnership page fixes */
.partnership-testimonials-container .subtitle {
    background: linear-gradient(90deg, #E14A53 1.81%, #FFA246 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.partnership-testimonials-container .card-template-container .card .text p {
    min-height: unset;
}

@media (max-width: 700px) {
    .partnership-testimonials-container .card-template-container .card .text p {
        min-height: unset;
    }

    .ai-waitlist-form-text {
        margin: 0;
    }

    .ai-waitlist-form-box .ai-waitlist_wrapper .ai-waitlist .gform_body {
        margin-right: 0;
    }

    .ai-waitlist-form-box .ai-waitlist_wrapper .ai-waitlist .gform_body .gform_fields fieldset .ginput_container {
        flex-direction: column;
    }

    .ai-waitlist .gform_footer {
        padding: 12px 0px;
    }

}

/* microlearning */
.course-tags .tags_content {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.course-tags .tags_content button {
    border-radius: 48px;
    border: 2px solid #848FA3;
    height: 34px;
    display: flex;
    padding: 8px 24px;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #848FA3;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.course-tags .tags_content .active-category {
    background: #848FA3;
    color: #FFF;
}

.course-label-wrap {
    position: absolute;
    z-index: 100;
    border-radius: 2px;
    padding: 4px 15px;
    background: #FFF;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.20);
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 11px;

}

.course-label {
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.template .wrap .elem:hover .elem__con-text {
    z-index: 400;
    position: absolute;
}


@media (max-width: 700px) {
    .course-tags {
        margin: 40px 0px;
    }

    .course-tags .tags_content {
        flex-wrap: wrap;
        gap: 12px;
    }

    .course-tags .tags_content button {
        height: 32px;
        padding: 8px 20px;
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }

    .template .wrap.hidden-elem::before {
        border: none;
    }

    .course-label-wrap {
        height: 17px;
        background-color: #FFFFFF;
        padding: 0px 6px;
        color: #000;
        font-size: 11px;
        font-weight: 600;
        left: 8px;
        top: 10px;
        width: fit-content;

    }

    .course-label {
        font-size: 11px;
    }
}

/* Guide new */
.guide-listing-header {
    height: 380px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 72px;

}

.guide-thumbnail {
    max-width: 360px;
}

.guide-sticky .pillar-text-new {
    max-width: 787px;
}

.guide-sticky .sticksleft {
    margin-left: 373px;
}



.guide-listing-header h1 {
    color: #FFF;
    font-size: 88px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.16);
    margin: 0px;
}

.guide-listing-container-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 80px;
    margin: 100px 0px;
}

.guide-post .guide-thumbnail img {
    width: 360px;
    height: 179px;
    margin-bottom: 16px;
    border-radius: 5px;
}

.guide-post h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #363E4E;
    margin-bottom: 8px;
}

.guide-content {
    color: #848FA3;
    font-family: IowanOldStyle, serif;
}

@media (max-width: 700px) {
    .guide-listing-header {
        height: 198px;
    }

    .guide-listing-header h1 {
        font-size: 30.688px;
        font-style: normal;
        font-weight: 600;
        line-height: 69.047px
    }

    .guide-listing-container-posts {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

    .guide-post .guide-thumbnail img {
        width: 100%;
    }

    .guide-content {
        display: none;
    }

    .guide-post h2 {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
    }
}

/* New homepage header */
.homepage-form .form-cont {
    border: none;
}

.homepage-header-new .rating {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.homepage-header-new .stars {
    width: fit-content;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.growth-pod-form .gform-body .gform_fields #field_submit input {
    background: var(--gradient-green-180, linear-gradient(90deg, #2CBD9A 0%, #65C86D 100%));
}

.homepage-header-new {
    display: flex;
    gap: 64px;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 75px;

}

.homepage-header-new .homepage-images {
    width: 538px;
    max-width: 538px;
}

.homepage-header-text {
    padding: 0px;
}

.homepage-header-text {
    max-width: 500px;
}

.homepage-form .form-cont {
    display: inline-flex;
    border: 0.5px solid rgba(132, 143, 163, .4);
}

.growth-pod-form_wrapper {
    max-width: 450px;
}

.growth-pod-form .gform-body .gform_fields {
    width: 450px;
}

/* Integration fix */
.integrations-filer-section-main {
    display: flex;
    gap: 100px;
    justify-content: space-between;
}

.integration-eg-card {
    max-width: 292px;
}

/* Styles for the sticky container */
.course-tags-sticky {
    opacity: 0.9;
    background: #FFF;
    backdrop-filter: blur(26px);
    height: 83px;
    display: flex;
    align-items: center;
    z-index: 999;
    width: 100%;
    transition: top 0.3s ease;
    position: static;

}

.course-tags-sticky.sticky {
    position: sticky;
    top: 0;
    /* Sticky position when scrolling */
}

.course-tags-sticky.full-width {
    width: 100vw;
    /* Use 100vw to make it full width of the viewport */
    /* Make it full width */
}

.course-tags-sticky.scrollup-course {
    top: 123px !important;
}

.course-tags-sticky.scrollup-course .tags_content,
.scrolldown-course .tags_content {
    margin-bottom: 0px;
}

.teams .container .items .box {
    margin-top: 100px;
}

.teams .container .items .box {
    margin-top: 34px;
}

.tour-video-container {
    margin-top: 100px;
    margin-bottom: 100px;
}

@media (max-width: 700px) {

    .homepage-header-new {
        flex-direction: column;
        row-gap: 40px;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .homepage-form .form-cont {
        border: none;
    }

    .homepage-header-new .homepage-images {
        width: 100%;
        max-width: 300px;
    }

    .homepage-header-text {
        max-width: unset;
        width: 100%;
    }

    .growth-pod-form .gform-body .gform_fields {
        width: 100%;
    }

    .homepage-form {
        display: flex;
        flex-direction: column;
    }

    .growth-pod-form {
        flex-direction: column;
    }

    .homepage-form .form-cont svg {
        margin: 0px;
    }

    .growth-pod-form-input .ginput_container input {
        padding: 0px;
    }

    .gform_footer {
        margin: 0px;
    }

    .homepage-form .text-content {
        margin: 0px;
        display: flex;
        justify-content: center;
    }

    .homepage-form .form-cont .homepage-error {
        display: flex;
        align-self: center;
        margin-top: 4px;
    }

    .homepage-form .form-cont .homepage-error svg {
        margin-right: 5px;
    }

    .homepage-error span {
        color: #F85D67;
    }

    .growth-pod-form .gform-body .gform_fields #field_submit input {
        margin-bottom: 16px;
    }

    .course-tags-sticky.scrollup-course {
        top: 72px !important;
    }

}

/* Landing page */
.landing-page-header.new-main-header {
    background-color: transparent;
    box-shadow: none;
}

/* guides */
.guide-sticky .scroll-to-h2 {
    margin: 0px;
    padding-inline-start: 0px;
    margin-bottom: 50px;
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.guide-sticky .sticky-sidebar {
    gap: 0px;
}

.guide-sticky .sticky-sidebar h5 {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 34px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.guide-sticky .scroll-to-h2 li {
    list-style: none;

}

.guide-sticky .scroll-to-h2 li a {
    color: #848FA3;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.guide-sticky .sticky-sidebar h5 {
    position: relative;
    /* Make the <h5> element a positioning context */
    color: #363E4E;
    /* Set the text color */
    display: inline-block;
    /* Make it inline so that it doesn't take the full width */
    padding-bottom: 5px;
    /* Add some space for the line */
    width: fit-content;
}

.guide-sticky .sticky-sidebar h5::after {
    content: '';
    /* Create a pseudo-element for the line */
    position: absolute;
    /* Position it absolutely relative to the <h5> element */
    left: 0%;
    /* Adjust the position of the line (50% of the width) */
    bottom: 0;
    /* Place it at the bottom */
    width: 50%;
    /* Set the width of the line to 50% */
    height: 2px;
    /* Set the height of the line */
    background-color: #FC794B;
    /* Set the line color */
}

.guide-sticky .sticky-sidebar .active-topic {
    color: #FC794B;
}

.guide-sticky .scroll-to-h2 li {
    width: 300px;
}

.guide-sticky .social-share-container {
    margin-bottom: 30px;
}

.topic-for-guide {
    margin-top: 72px;
    color: #FC794B;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 16px;
}

.pillar-text-block p,
.pillar-text-block ul li,
.pillar-text-block ol li {
    font-family: IowanOldStyle, serif;
    line-height: 2rem;
}

.pillar-text-new h2 {
    width: 100%;
}

.dropdown-container {
    display: none;
}

.glossary-container {
    display: flex;

    border-radius: 4px;
    background: rgba(86, 159, 254, 0.10);

}

.glossary-margin {
    background: #569FFE;
    padding: 16px 12px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.glossary-content {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.guide-sticky .sticky-sidebar.sticky {
    transition: transform 0.5s ease;
    transform: translateY(160px);
}

@media (max-width: 900px) {
    .guide-sticky .ebook-container {
        display: none;
    }

    .guide-sticky .pillar-text-new {
        max-width: 248px;
    }

    .guide-sticky .sticksleft {
        max-width: 248px;
        margin-left: 98px;
    }

    .guide-sticky .sticky-sidebar h5,
    .guide-sticky .scroll-to-h2 {
        display: none;
    }

    .topic-for-guide {
        font-weight: 600;
        line-height: 30px;
        margin: 32px 0px 12px;
        font-size: 22px;
    }

    .adwords-main {
        margin-top: 116px;
    }

    .sticky-sidebar.sticky {
        transform: translateY(66%);

    }

    .scroll-indicator-wrapper-guide {
        top: 170px !important;
    }

    .social-share-container .share-text {
        display: none;
    }

    /* Initially hide the dropdown */
    .dropdown-container {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        z-index: 999;
        background: #FFF;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
        display: flex;
        padding: 24px;
        display: none;
        height: 100px;
        flex-direction: column;
        justify-content: space-around;
    }

    .topic-dropdown {
        width: 100%;
        padding: 5px;
        border-radius: 2px;
        border: 1px solid #FC794B;
        background: #FFF;
        color: #848FA3;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .dropdown-container .skip-text {
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

    /* logo line sem */
    .adwords-logo-line .logo-container {
        display: grid;
        margin: 10px 24px;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        justify-items: center;
    }

    .webinar-time {
        margin-bottom: 0px;
    }
}

/* Contact us page */
.gfield--type-honeypot {
    display: none;
}

.contact-us-header-container {
    display: flex;
    justify-content: space-between;
    margin-top: 190px;
    max-width: 1160px;
    margin-bottom: 80px;

}

.contact-us-header-container .left-col {
    width: 575px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-us-header-container .left-col h3 {
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    margin-bottom: 24px;
}

.contact-us-header-container .left-col p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 32px;
}

body .gform_wrapper .conact-us-gf .gform_body .gform_fields .gfield .gfield_label {
    font-size: 14px;
    font-weight: 600;
    color: #848FA3;
    line-height: 16px;
    font-family: QanelasSoft, sans-serif
}

body .gform_wrapper .conact-us-gf .gform_body .gform_fields fieldset .gfield .gfield_label {
    font-size: 14px;
    font-weight: 600;
    color: #848FA3;
    margin-bottom: 40px;
    line-height: 16px;
}

.conact-us-gf .gform_wrapper.gravity-theme .gfield textarea.large,
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 60px;
}

body .gform_wrapper .conact-us-gf .gform_body legend,
body .gform_wrapper .conact-us-gf .gform_body label {
    font-size: 14px !important;
    font-weight: 600;
    color: #848FA3;
}

body .gform_wrapper .conact-us-gf .gform_body fieldset,
body .gform_wrapper .conact-us-gf .gform_body .gfield {
    margin-bottom: 22px;
}

.conact-us-gf .gform_footer input {
    min-width: 200px;
    display: flex;
    align-self: center;
    justify-content: center;
    height: 56px;
    font-size: 20px;
    border-radius: 96px;
    background: var(--green-gradient-180-d, linear-gradient(90deg, #2CBD9A 0%, #65C86D 100%));
}

.conact-us-gf .gfield .ginput_container input {
    height: 18px;
}

.contact-form .gform_footer {
    padding: 0px;
    justify-content: start;
}

.contact-us-header-container .contact-form {
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0px 15px 30px 0px rgba(54, 62, 78, 0.10);
    padding: 34px 36px 8px;
    width: 575px;
}

body .gform_wrapper .conact-us-gf .gform_body .gform_fields .gfield .ginput_container textarea {
    height: 50px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #848FA3;
}

body .gform_wrapper .conact-us-gf .gfield_error [aria-invalid=true] {
    border-bottom: 2px solid #B3261E;
}

body .gform_wrapper .conact-us-gf .gform_body .gform_fields .gfield_error .validation_message {
    color: #B3261E;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
}

.contact-us-header-container .right-col img {
    height: 404px;
}

.contact-us-header-container .right-col .call-details {
    border-radius: 2px;
    background: #FFF;
    width: 540px;
    margin-top: 50px;
    box-shadow: 0px 15px 30px 0px rgba(54, 62, 78, 0.10);
    padding: 40px;
}

.contact-us-header-container .right-col .call-details h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 16px;
}

.contact-us-header-container .right-col .call-details .orange-text {
    color: #FC794B;
}

.contact-us-header-container .right-col .call-details .phone-list .phone-country {
    display: flex;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    justify-content: space-between;
}

.contact-us-header-container .right-col .email-details {
    border-radius: 2px;
    background: #FFF;
    margin-top: 40px;
    box-shadow: 0px 15px 30px 0px rgba(54, 62, 78, 0.10);
    padding: 40px;
    width: 100%;
}

.contact-us-header-container .right-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-us-header-container .right-col .email-details h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 16px;
}

.contact-us-header-container .right-col .email-details .container-email {
    display: flex;
    justify-content: space-between;
}

.contact-us-header-container .right-col .email-details .container-email .email {
    color: #FC794B;
}

.contact-map-container .title-section {
    text-align: center;
}

.contact-map-container .title-section h3 {
    background: linear-gradient(90deg, #e14a53 1.81%, #ffa246 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.contact-map-container .title-section h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}

.contact-map-container .title-section {
    margin-bottom: 48px;
}

.contact-map-container .map-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 122px;
}

.contact-map-container .office-address {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact-map-container .map-container .map-img {
    width: 856px;
}

.contact-map-container {
    margin-bottom: 100px;
}

body .gform_wrapper .conact-us-gf .gform_body fieldset .gfield_label_before_complex {
    display: none;
}

body .gform_wrapper .conact-us-gf .gform_body .gform_fields .gfield .ginput_container .charleft {
    opacity: 50%;
}


@media (max-width: 700px) {

    .contact-us-header-container {
        flex-direction: column;
        margin-top: 20px;
        gap: 40px;
    }

    .contact-us-header-container .contact-form,
    .contact-us-header-container .left-col,
    .contact-us-header-container .right-col .call-details {
        width: 100%;
    }

    body .gform_wrapper .conact-us-gf .gform_body .gform_fields .gfield .ginput_container {
        display: flex;
        flex-direction: column;
    }

    .contact-us-header-container .right-col img {
        width: 100%;
        height: auto;
    }

    .contact-us-header-container .right-col .call-details h4,
    .contact-us-header-container .right-col .email-details h4 {
        line-height: 32px;
    }

    .contact-us-header-container .left-col h3 {
        font-size: 32px;
        line-height: normal;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .contact-us-header-container .left-col p {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .contact-us-header-container .contact-form {
        padding: 22px 16px;
    }

    body .gform_wrapper .conact-us-gf .gform_body fieldset,
    body .gform_wrapper .conact-us-gf .gform_body .gfield {
        margin-bottom: 32px;
    }

    .contact-form .gform_footer {
        justify-content: center;
    }

    .contact-us-header-container .right-col .call-details {
        padding: 32px 16px;
    }

    .contact-us-header-container .right-col .call-details .phone-list .phone-country {
        font-size: 16px;
        font-weight: 400;
        line-height: 40px
    }

    .contact-us-header-container .right-col .email-details {
        padding: 32px 16px;
        margin-top: 24px;
    }

    .contact-us-header-container .right-col .email-details .container-email {
        flex-direction: column;
    }

    .contact-map-container .map-container {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .contact-map-container .map-container .map-img {
        width: 652px;
        overflow: hidden;
    }

    .contact-map-container {
        margin: 0px;
    }

    .contact-map-container .office-address {
        margin: 0px 24px;
    }

    .contact-map-container .office-address p {
        width: 300px;
    }

    .contact-map-container {
        margin-bottom: 80px;
    }

    .contact-map-container .title-section h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .contact-map-container .title-section {
        margin-bottom: 30px;
    }
}


/* elearning event */
.event-header-container {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -51px;
    text-align: center;
    color: #FFF;
    overflow: hidden;
    padding: 177px 0px 60px;
}

#background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* .content {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    text-align: center;
    font-family: Qanelas;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding: 20px;
} */

.event-header-items {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event-header-items h2 {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    color: rgba(54, 62, 78, 0.60);
    line-height: 110%;
}

.event-header-items h1 {
    margin-bottom: 16px;
    color: #FFF;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    font-size: 64px;
    font-weight: 600;
    line-height: 130%;
    text-transform: uppercase;
}

.event-header-items p {
    text-align: center;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 40px;
    line-height: 130%;
}

.countdown-to-date {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 48px;
}

.event-header-items .event-days {
    display: flex;
    align-items: center;
    padding: 6px 40px;
    justify-content: center;
    border-radius: 4px;
    background: rgba(54, 62, 78, 0.08);
    gap: 10px;
    width: fit-content;
    margin-bottom: 8px;
}

.countdown-to-date .timebox {
    border-radius: 4px;
    background: rgba(54, 62, 78, 0.08);
    width: 85px;
    height: 87px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
}

.countdown-to-date .timebox .no {
    font-size: 40px;
    font-weight: 600;
    line-height: 30px;
}

.countdown-to-date .timebox p {
    margin: 0px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}

.event-header-items a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 165px;
    background-color: #FFF;
    color: #363E4E;
    font-size: 16px;
    font-weight: 600;
    border-radius: 64px;
    height: 43px;
    line-height: 18px;
}

.intro-paragraph-container {
    width: 685px;
    padding: 48px 0px;
}

.event-speakers-container {
    padding: 80px 0px 0px;
}

.event-speakers-container h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 32px;
    line-height: 48px;
}



.three-content-boxes .two-column-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
    margin-top: 80px;

}

.three-content-boxes .two-column-layout .column-0 {
    border-radius: 4px;
    background: #FFF;
}

.three-content-boxes .two-column-layout .column-0 h3 {
    color: #CD5CBF;
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 110%;
}

.three-content-boxes .two-column-layout .column {
    padding: 56px 40px 40px;
}

.three-content-boxes .two-column-layout .column p {
    font-size: 16px;
    font-weight: 500;
    line-height: 180%
}

.three-content-boxes .two-column-layout .column-1 p {
    color: #FFF;
}

.three-content-boxes .two-column-layout .column-1 {
    border-radius: 4px;
    color: #FFF;
    background: linear-gradient(38deg, rgba(205, 92, 191, 0.60) 0.39%, rgba(86, 159, 254, 0.60) 100%);
}

.three-content-boxes .two-column-layout .column-1 h3 {
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #363E4E;
    line-height: 110%;
}

.three-content-boxes .fullwidth-column {
    border-radius: 4px;
    background: #FFF;
    padding: 55px 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    justify-content: space-between;
}

.three-content-boxes {
    margin-bottom: 40px;
}

.three-content-boxes .fullwidth-column h3 {
    color: #CD5CBF;
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 110%;
}

.youtube-block-container {
    display: flex;
    padding: 24px 40px 0px;
    gap: 109px;
    justify-content: space-between;
    border-radius: 8px;
    background-image: url(https://www.easygenerator.com/wp-content/uploads/2023/10/Frame-903.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 50px;
}

.youtube-block-container .text-column {
    display: flex;
    align-self: center;
    flex-direction: column;
    gap: 24px;

}

.youtube-block-container .text-column h3 {
    color: #FFF;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
}

.youtube-block-container .text-column a {
    min-width: 223px;
    height: 56px;
    width: fit-content;
    display: flex;
    align-items: center;
    color: #FFF;
    border-radius: 64px;
    border: 2px solid #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    justify-content: center;
}

.youtube-block-container .video-column {
    padding: 16px;
    background-color: #FFFFFF;
    fill: #FFF;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    filter: drop-shadow(7.13569974899292px 7.13569974899292px 19.6231746673584px rgba(0, 0, 0, 0.15));
}

.youtube-block-container .video-column img {
    width: 350px;
}

.youtube-block-container .video-column video {
    width: 340px;
}

.event-schedule-tab-container {
    margin-bottom: 40px;
    margin-top: 70px;
}

.event-schedule-tab-container .tabs {
    display: flex;
    margin: 0px;
    padding-inline-start: 0px;
    gap: 1px;
    margin-bottom: 1px;
}

.event-schedule-tab-container h2 {
    font-size: 40px;
    font-weight: 600;
}

.event-schedule-tab-container .tabs li {
    list-style-type: none;
    border-radius: 4px 4px 0px 0px;
    background: #FFF;
    width: 206px;
    height: 36px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    cursor: pointer;
    color: #848FA3;
    display: flex;
    justify-content: center;
    box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.08);
}

.event-schedule-tab-container .tab-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.event-time-schedule-card {
    display: flex;
    padding: 50px 40px 40px;
    gap: 64px;
    border-radius: 4px;
    background: #FFF;
}

.event-time-schedule-card .text {
    width: 730px;
}

.event-time-schedule-card .text .time {
    color: #CD5CBF;
    font-size: 16px;
    font-weight: 600;
}

.event-time-schedule-card .text .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
}

.event-time-schedule-card .text p,
.event-time-schedule-card .text ul {
    color: #848FA3;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
}

.event-time-schedule-card .speakers {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.event-time-schedule-card .speakers .speaker {
    display: flex;
    align-items: center;
    gap: 16px;

}

.event-time-schedule-card .speakers .speaker .speaker-details {
    width: 170px;
    text-align: right;
}

.event-schedule-tab-container .tabs .active {
    color: #363E4E;
    box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.08);


}

.event-time-schedule-card .speakers .speaker img {
    border-radius: 50%;
    height: 100px;
}

.event-time-schedule-card .speakers .speaker .speaker-details h5 {
    font-size: 16px;
    margin: 0px;
    font-weight: 600;
    line-height: 100%;
}

.event-time-schedule-card .speakers .speaker .speaker-details p {
    color: #848FA3;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
}

.event-totop {
    display: flex;
    position: relative;
    top: -100px;
    justify-content: end;
}

.elearning-event .gform_footer .gform-button--width-full {
    border-radius: 96px;
    opacity: 0.7;
    background: linear-gradient(90deg, #569FFE 0%, #CD5CBF 100%) !important;
}

.elearning-event .gform_footer {
    padding: 20px 0px;
}

/* Add CSS for non-hover and hover states */
.event-speakers-container .non-hover {
    display: block;
}

.event-speakers-container .hover {
    display: none;
}

.speakers-grid-new {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}

.speakers-grid-new .speaker {
    min-height: 373px;
    height: 100%;
    border-radius: 6px;
    background: #F5E1F4;
}

.speakers-grid-new .speaker .non-hover img {
    width: 100%;
}

.speakers-grid-new .speaker .details {
    padding: 16px;
}

.speakers-grid-new .speaker .details h5 {
    font-size: 20px;
    margin: 0px;
    margin-bottom: 4px;
    line-height: 100%;
}

.speakers-grid-new .speaker .details p {
    color: rgba(54, 62, 78, 0.70);
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.event-speakers-container .hover {
    padding: 16px;
    flex-direction: column;
    gap: 24px;
    justify-content: space-between;
}

.speakers-grid-new .speaker .hover p {
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
}

.speakers-grid-new .speaker .hover a {

    color: #363E4E;
    font-size: 15px;
    font-weight: 700;
    line-height: 140%;
}

.event-speakers-container .non-hover .speaker-img {
    width: 100%;
    height: 256px;
    background-size: cover;
}

@media (max-width: 700px) {
    .event-speakers-container .speaker:hover .hover {
        display: none;
    }

    .speakers-grid-new .speaker {
        min-height: auto;
        height: 109px;
    }

    .speakers-grid-new .speaker .non-hover img {
        height: 109px;
        background-repeat: no-repeat;
        width: 109px;
    }

    .speakers-grid-new {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .speakers-grid-new .speaker .details h5 {
        font-size: 18px;
    }

    .speakers-grid-new .speaker .details p {
        font-size: 14px;
    }

    .event-speakers-container .non-hover {
        display: flex !important;
    }

    .event-speakers-container .non-hover .speaker-img {
        width: 109px;
        height: 109px;
    }

    .speakers-grid-new .speaker .details {
        width: 194px;
    }

    .event-speakers-container h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .youtube-block-container .video-column img {
        width: 223px;
    }

    .event-header-container {
        padding: 115px 0px 60px;
    }

    .event-header-items h2 {
        font-size: 16px;
    }

    .event-header-items h1 {
        font-size: 30px;
        font-weight: 600;
    }

    .event-header-items p {
        font-size: 20px;
        font-weight: 500;
    }

    .countdown-to-date {
        margin-bottom: 40px;
    }

    .event-header-items a {
        width: 100%;
    }

    .intro-paragraph-container {
        width: 100%;
        padding: 39px 0px;
    }

    .intro-paragraph-container p {
        width: 100%;
        max-width: 312px;
    }



    .three-content-boxes .two-column-layout,
    .three-content-boxes .fullwidth-column {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .three-content-boxes .two-column-layout .column,
    .three-content-boxes .fullwidth-column {
        padding: 32px 16px;
    }

    .three-content-boxes .two-column-layout .column-0 h3,
    .three-content-boxes .two-column-layout .column-1 h3,
    .three-content-boxes .fullwidth-column h3 {
        font-size: 24px;
        line-height: 110%;
        margin-bottom: 16px;
    }

    .youtube-block-container {
        flex-direction: column;
        padding: 0px;
        gap: 0px;
        align-items: end;
        background-image: url(https://www.easygenerator.com/wp-content/uploads/2023/10/Frame-918.png);
    }

    .youtube-block-container .video-column video {
        width: 244px;
    }

    .youtube-block-container .video-column {
        padding: 10px;
        width: fit-content;
        margin-right: 8px;
        margin-top: 40px;
    }

    .youtube-block-container .text-column {
        padding: 48px 24px;
        text-align: center;
    }

    .youtube-block-container .text-column h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
    }

    .youtube-block-container .text-column a {
        width: 100%;
    }

    .event-time-schedule-card .text {
        width: 100%;
    }

    .event-time-schedule-card {
        flex-direction: column;
    }

    .event-schedule-tab-container .tabs li {
        font-size: 14px;
        line-height: 23px;
    }

    .event-time-schedule-card {
        padding: 24px 16px 30px;
        gap: 16px;
    }

    .event-time-schedule-card .text .title {
        font-size: 20px;
    }

    .event-time-schedule-card .text p,
    .event-time-schedule-card .text ul {
        font-size: 14px;
    }

    .event-time-schedule-card .speakers .speaker img {
        height: 64px;
    }

    .event-time-schedule-card .speakers .speaker {
        justify-content: end;
    }

    .event-totop {
        display: none;
    }

    .countdown-to-date .timebox {
        width: 80px;
        height: 80px;
    }

    .countdown-to-date .timebox .no {
        font-size: 34px;
    }

    .countdown-to-date .timebox p {
        font-size: 16px;
    }
}

/* Features header 2 */
.features-header-main {
    display: flex;
    justify-content: space-between;
    margin-top: 74px;
    margin-right: 24px;
    align-items: center;

    background: linear-gradient(to right, transparent 75%, #FC936E 25%);
}

.features-header-main .all-features-main-block-text {
    width: 472px;
}

.features-image-main {

    padding: 100px 120px 50px 0px;
}

.features-image-main img {
    width: 620px;

}

.all-features-main-block-heading {
    font-weight: 600;
}


@media (max-width: 700px) {
    .features-header-main {
        flex-direction: column-reverse;
        background: transparent;
        gap: 50px;
        margin-top: 23px;
        margin-right: 0px;
    }

    .features-header-main .all-features-main-block-text {
        width: 100%;
        margin-right: 24px;
    }

    .features-image-main img {
        width: 240px;
    }

    .features-image-main {
        padding: 40px 0px;
        display: flex;
        justify-content: flex-start;
        width: 100%;
        background: linear-gradient(to right, transparent 55%, #FC936E 45%);
    }

    .all-features-main-block-heading,
    .lang-de .all-features-main-block-heading,
    .lang-fr .all-features-main-block-heading,
    .lang-nl .all-features-main-block-heading {
        font-size: 30px;
        line-height: normal;
        margin-bottom: 8px;
    }

    .all-features-main-block-container,
    .features-tab-section-container {
        margin: 48px 24px 20px;

    }
}

/* ribbon banner event */

.lang-nl .top-event-ribbon-container,
.lang-de .top-event-ribbon-container,
.lang-fr .top-event-ribbon-container,
.lang-es .top-event-ribbon-container,
.lang-br .top-event-ribbon-container,
.lang-it .top-event-ribbon-container {
    display: none;
}

.top-event-ribbon-container {
    background: rgba(205, 92, 191, 0.80);
    height: 46px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.top-event-ribbon-container h5,
.top-event-ribbon-container h5 p {
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.top-event-ribbon-container a {
    text-decoration: underline;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}

.top-event-ribbon-container {
    display: none;
}

@media (max-width: 700px) {
    .top-event-ribbon-container {
        height: 100%;
        padding: 16px 24px;
        line-height: 18px;
    }
}

/* TNC */
.center-aligned-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 96px;
    margin-bottom: 100px;
}

.center-aligned-text-container .text {
    width: 808px;
}

.center-aligned-text-container .text h1 {
    font-size: 64px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 120%
}

.center-aligned-text-container .text h2 {
    margin-bottom: 16px;
    margin-top: 64px;
    font-size: 40px;
}

.center-aligned-text-container .text h3 {
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 48px;
    font-weight: 600;
    line-height: 120%;
}

.center-aligned-text-container .text p,
.center-aligned-text-container .text ul,
.center-aligned-text-container .text ul li {
    font-size: 18px;
    font-family: IowanOldStyle, serif;
    font-weight: 400;
    line-height: 180%;
}

@media (max-width: 700px) {
    .center-aligned-text-container .text {
        width: 100%;
    }

    .center-aligned-text-container .text h1 {
        font-size: 40px;
    }

    .center-aligned-text-container .text p,
    .center-aligned-text-container .text ul,
    .center-aligned-text-container .text ul li {
        font-size: 18px;
    }

    .center-aligned-text-container .text h2 {
        font-size: 32px;
    }

    .center-aligned-text-container .text h3 {
        font-size: 24px;
    }

}

/* course template fixes */
.resource-free,
.template .template-title,
.train-template__title,
.train-template__description,
.content-info {
    text-align: left;
}

.train-template__btn a {
    position: relative;
    width: 236px;
    height: 58px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.banner .left .banner__btn a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-info {
    color: #363E4E;
    font-family: IowanOldStyle, serif;
}

.content-info ul,
.content-info ul li {
    color: #363E4E;
    font-family: IowanOldStyle, serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #363e4e;
    font-weight: 400;

}

@media (max-width: 700px) {

    .find-position .train-template__btn.mob a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Knowledge hub */
.knowledge-hub-search-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 96px;
    margin-top: 72px;
    margin-bottom: 172px;
}

.knowledge-hub-search-container h1 {
    font-size: 56px;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 64px;
}

.knowledge-hub-search-container .description {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 140%;
}

.knowledge-hub-search-container .search-form {
    display: flex;
    border-radius: 68px;
    border: 0.5px solid rgba(132, 143, 163, 0.40);
    background: #FFF;
    height: 49px;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    padding-right: 5px;
}

.knowledge-hub-search-container .search-form form {
    width: 100%;
    height: 49px;
    border: none;
}

.knowledge-hub-search-container .search-form input {
    border: none;
    background: transparent;
    width: 100%;
}

.knowledge-hub-search-container form.searchwp-form input.swp-input--search {
    background-size: 40px;
    background-position: right;
    background-image: url("https://www.easygenerator.com/wp-content/uploads/2023/11/Group-13911.png")
}

.knowledge-hub-search-container form.searchwp-form .swp-flex--gap-md {
    height: 100%;
}


.knowledge-hub-search-container form.searchwp-form input.swp-input--search:focus-visible {
    outline: none;
}

.searchwp-form-quick-search {
    margin-top: 8px;
}

.searchwp-form-quick-search span {
    color: #848FA3;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%
}

.searchwp-form-quick-search a {
    text-decoration: underline;
    color: #FC794B;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
}

/* Knowledge hub */
.knowledge-hub-search-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 96px;
    margin-top: 72px;
    margin-bottom: 172px;
}

.knowledge-hub-search-container h1 {
    font-size: 56px;
    margin-bottom: 12px;
    font-weight: 600;
    line-height: 64px;
}

.knowledge-hub-search-container .description {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 140%;
}

.knowledge-hub-search-container .search-form {
    display: flex;
    border-radius: 68px;
    border: 0.5px solid rgba(132, 143, 163, 0.40);
    background: #FFF;
    height: 49px;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    padding-right: 5px;
}

.knowledge-hub-search-container .search-form form {
    width: 100%;
    height: 49px;
    border: none;
}

.knowledge-hub-search-container .search-form input {
    border: none;
    background: transparent;
    width: 100%;
}

.knowledge-hub-search-container form.searchwp-form input.swp-input--search {
    background-size: 40px;
    background-position: right;
    background-image: url("https://www.easygenerator.com/wp-content/uploads/2023/11/Group-13911.png")
}

.knowledge-hub-search-container form.searchwp-form .swp-flex--gap-md {
    height: 100%;
}


.knowledge-hub-search-container form.searchwp-form input.swp-input--search:focus-visible {
    outline: none;
}

.searchwp-form-quick-search {
    margin-top: 8px;
}

.searchwp-form-quick-search span {
    color: #848FA3;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%
}

.searchwp-form-quick-search a {
    text-decoration: underline;
    color: #FC794B;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
}

.courses {
    padding-top: 124px;
}

/* Knowledge hub grid */
.knowledge-hub-grids {
    display: flex;
    flex-wrap: wrap;
    /* Allow items to wrap to the next line */
    justify-content: space-between;

}

.knowledge-hub-grids .post-tile {
    width: 360px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 4px 4px 30px 4px rgba(209, 217, 230, 0.55);
    margin-bottom: 24px;
}

.knowledge-hub-grids .post-tile-none {
    width: 360px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 4px 4px 30px 4px rgba(209, 217, 230, 0.55);
    margin-bottom: 24px;
}

.knowledge-hub-grids .kh-thumbnail {
    width: 360px;
}

.post-type-tabs {
    margin-bottom: 20px;
}

.post-type-tabs button {
    cursor: pointer;
    padding: 8px 12px;
    margin: 0 5px;
}

.post-type-tabs button.active {
    background-color: #333;
    color: #fff;
}

.checkbox-dropdown {
    width: 200px;
    border: 1px solid #aaa;
    padding: 10px;
    position: relative;
    margin: 0 auto;
    background-color: #FFFFFF;
    user-select: none;
}

/* Display CSS arrow to the right of the dropdown text */
.checkbox-dropdown:after {
    content: '';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #000;
    top: 50%;
    right: 10px;
    margin-top: -3px;
}

/* Reverse the CSS arrow when the dropdown is active */
.checkbox-dropdown.is-active:after {
    border-bottom-color: #000;
    border-top-color: #fff;
    margin-top: -9px;
}

.checkbox-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    /* align the dropdown right below the dropdown text */
    border: inherit;
    border-top: none;
    left: -1px;
    /* align the dropdown to the left */
    right: -1px;
    /* align the dropdown to the right */
    opacity: 0;
    /* hide the dropdown */

    transition: opacity 0.4s ease-in-out;
    height: 140px;
    overflow: scroll;
    overflow-x: hidden;
    pointer-events: none;
    /* avoid mouse click events inside the dropdown */
}

.is-active .checkbox-dropdown-list {
    opacity: 1;
    /* display the dropdown */
    pointer-events: auto;
    /* make sure that the user still can select checkboxes */
    z-index: 100000;
    background: #ffff;
}

.checkbox-dropdown-list li label {
    display: block;
    border-bottom: 1px solid silver;
    padding: 10px;

    transition: all 0.2s ease-out;
}

.checkbox-dropdown-list li label:hover {
    background-color: #555;
    color: white;
}

.knowledge-hub-navigation {
    display: flex;
    justify-content: space-between;
}