:root {
    --dark-mode-bg: #001325;
}

.title-style {
    background: linear-gradient( 108.08deg, #4dc7f9 6.66%, #4dc7f9 6.67%, #75e0e8 49.26%, #30cfe8 94.59%, #30cfe8 94.6%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 0 0 0.5208333333vw 0;
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}

#gh-job-form .form-group a {
    color: #306bab;
}
body #gh-job-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/wp-content/themes/lightrun/assets/images/arrow.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75em center !important;
    background-size: 1em !important;
}

@media (min-width: 1920px) {
    .title-style {
        padding: 0 0 10px 0;
    }
}

@media (max-width: 991px) {
    .title-style {
        padding: 0 0 2.3364485981vw 0;
    }
}

.title-style-darker {
    background: linear-gradient(101.63deg, #28a1c0 8.53%, #16489c 107.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-bottom: 0.5208333333vw;
    font-family: "Cairo", sans-serif;
    font-weight: 700;
}

@media (min-width: 1920px) {
    .title-style-darker {
        padding-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .title-style-darker {
        padding-bottom: 2.3364485981vw;
    }
}

.gradient-title,
.popular-title {
    background: linear-gradient(104.96deg, #28a1c0 41.2%, #16489c 55.83%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.popular-title {
    margin: 0 0 4.0104166667vw 0;
    padding: 0;
    line-height: 3.0208333333vw;
    font-family: "Cairo", sans-serif;
    font-size: 2.7083333333vw;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 1920px) {
    .popular-title {
        margin: 0 0 77px 0;
        line-height: 58px;
        font-size: 52px;
    }
}

@media (max-width: 991px) {
    .popular-title {
        margin: 0 0 7.7102803738vw 0;
        line-height: 9.1121495327vw;
        font-size: 7.476635514vw;
    }
}

.single-area:before {
    display: none;
}

.single-area .image-blur {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 27.34375vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    margin: 0;
    padding: 0 0 15.1041666667vw 0;
    z-index: 0;
}

@media (min-width: 1920px) {
    .single-area .image-blur {
        height: 525px;
        padding: 0 0 290px 0;
    }
}

@media (max-width: 991px) {
    .single-area .image-blur {
        height: 135.5140186916vw;
        padding: 0 0 67.7570093458vw 0;
    }
}

.single-area .image-blur:after {
    background-image: url(../images/blog/blur.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: cover;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    content: "";
}

@media (max-width: 991px) {
    .single-area .image-blur:after {
        background-image: url(../images/blog/blur-mobile.png);
    }
}

.single-area .image-blur picture {
    width: 100%;
}

.single-area .image-blur img {
    position: relative;
    width: auto;
    max-width: none;
    min-width: 100%;
    height: auto;
    max-height: none;
    min-height: 100%;
    object-fit: cover;
    z-index: 1;
}

.single-area .single-area-category a {
    color: #000;
}

.single-area .single-area-category a:hover {
    text-decoration: underline;
    color: #000;
}

@media (max-width: 991px) {
    .resources-top {
        margin: 0 0 4.6728971963vw 0;
    }
}

.resources-top:before {
    display: none;
}

.resources-top .resources-list .resources-list-excerpt {
    display: block;
    display: -webkit-box;
    max-height: 5.4166666667vw;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

@media (min-width: 1920px) {
    .resources-top .resources-list .resources-list-excerpt {
        max-height: 104px;
    }
}

@media (max-width: 991px) {
    .resources-top .resources-list .resources-list-excerpt {
        max-height: 24.2990654206vw;
    }
}

.resources-blur {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0 50% 0 0;
    opacity: 1;
    transition: opacity 0.1s;
    z-index: -1;
}

@media (max-width: 991px) {
    .resources-blur {
        padding: 0;
    }
}

.resources-blur.transition {
    opacity: 0.7;
}

.resources-blur img {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    object-fit: cover;
}

.resources-blur-bg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.resources-blur-bg:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    content: "";
}

.resources-blur-bg:after {
    background-image: url(../images/resources/blur-resources.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    content: "";
}

.data-sheets {
    width: 100%;
    overflow: hidden;
}

.data-sheets:before {
    display: none;
}

.data-sheets-image-blur {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 50%;
    z-index: -1;
}

@media (max-width: 991px) {
    .data-sheets-image-blur {
        height: 135.5140186916vw;
        padding: 0 0 50% 0;
        bottom: auto;
    }
}

.data-sheets-image-blur:before {
    display: block;
    height: 150vh;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    content: "";
}

@media (max-width: 991px) {
    .data-sheets-image-blur:before {
        height: 135.5140186916vw;
    }
}

.data-sheets-image-blur:after {
    background-image: url(../images/resources/resources-blur.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    content: "";
}

.data-sheets-image-blur img {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    object-fit: cover;
}

.webinar-area-top:before {
    display: none;
}


/*27_04 start*/

.product-area-list-video {
    margin-left: auto;
    margin-top: 65px;
    position: relative;
}

.youtube-video-place {
    width: 100%;
    height: 100%;
}

.product-area-list-video .video-section-image,
.product-area-list-video .youtube-video-place.embed-responsive.embed-responsive-4by3 iframe {
    border: 7px solid #14314f;
    border-radius: 5px;
    background: #14314f;
}

.product-area-list-video .youtube-video-place.embed-responsive.embed-responsive-4by3 {
    background: #14314f;
    border: 5px solid #14314f;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    border-bottom: none;
}

.product-area-list-video .video-section-image {
    position: inherit;
    width: 717px;
    height: 400px;
}

.video-section-image img {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    object-fit: cover;
}

.product-area-list-video .video-section-image .video-section-play {
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.product-dark .product-area-list-caption {
    flex-wrap: wrap;
}

.product-area-list-audio.audio-section {
    width: 36.9791666667vw;
}

.product-area-list-audio.audio-section {
    margin: 3rem 0 0 auto;
}

.product-area-list-video .youtube-video-place.embed-responsive.embed-responsive-4by3.hide_border_youtube {
    background: none;
    border: none;
}

@media (min-width: 992px) {
    .product-area-list-video .video-section-image {
        width: 37.34vw;
        height: 20.83vw;
    }
}

@media (min-width: 992px) {
    .product-area-list-video iframe {
        width: 74.69vw;
        height: 42.03vw;
    }
}

@media (max-width: 991px) {
    .product-area-list-video {
        width: 100%;
        margin-top: 7.47vw;
        padding: 0;
    }
    .product-area-list-video .video-section-image {
        width: 100%;
        height: 51.2vw;
    }
    /****13-07-2023********/
    .webinar_font_height h1,
    .webinar_font_height h2 {
        line-height: 9.1121495327vw;
    }
    /*******END 13-07-2023******/
}


/*27_04 end*/


/*Demo NEW*/

.page-template-page-demo-new .bg-01 {
    padding: 0;
}

.page-template-page-demo-new .pricing-report {
    margin: 0;
}

.page-template-page-demo-new .bg-02 {
    background: var( --light-grid, linear-gradient(326deg, #c1d5f1 0%, #f0f4f9 100%));
}

.page-template-page-demo-new .testimonials-button {
    display: none;
}

.page-template-page-demo-new .video-section-title {
    font-weight: 900;
    padding: 0;
}

.page-template-page-demo-new .ide-box-title h2 {
    font-weight: 900;
}

.page-template-page-demo-new .testimonials-button {
    display: none;
}

.page-template-page-demo-new .ide-box .btn-primary {
    background: rgb(32, 107, 169);
    background: linear-gradient( 90deg, rgba(32, 107, 169, 1) 0%, rgba(75, 216, 253, 1) 100%);
    color: #fff;
}

.page-template-page-demo-new .ide-box .btn-primary .btn-primary-bg {
    display: none;
}

.page-template-page-demo-new .ide-box .ide-box-items-wrap::before {
    border: 2px solid #4da1d3;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    background-color: #001b33;
    z-index: 99;
}

.page-template-page-demo-new .ide-box .ide-box-items li:nth-child(3n) img {
    position: relative;
}

.page-template-page-demo-new .cases .btn-primary {
    display: none;
}

.page-template-page-demo-new .cases h2 {
    color: #2a3c62;
    background: none;
    background-clip: inherit;
    text-fill-color: inherit;
    -webkit-text-fill-color: inherit;
}

.page-template-page-demo-new .cases {
    background: var( --light-grid, linear-gradient(326deg, #c1d5f1 0%, #f0f4f9 100%));
}


/*in vw start*/

.page-template-page-demo-new .bg-02 {
    padding-top: 10.16vw;
}

.page-template-page-demo-new .video-section-title {
    font-size: 4.17vw;
    line-height: 5.26vw;
    margin-bottom: 2.08vw;
}

.page-template-page-demo-new .video-section-play {
    width: 4.17vw;
    height: 4.17vw;
    margin: -3.28vw 0 0 -3.28vw;
}

.page-template-page-demo-new .video-section-play {
    width: 5.47vw;
    height: 5.47vw;
    margin: -2.92vw 0 0 -2.76vw;
}

.page-template-page-demo-new .video-section-block {
    margin-bottom: 2.03vw;
}

.page-template-page-demo-new .video-section {
    padding-bottom: 3.65vw;
}

.page-template-page-demo-new .testimonials-caption {
    border-radius: 1.56vw;
}

.page-template-page-demo-new .testimonials {
    padding-bottom: 7.5vw;
}

.page-template-page-demo-new .video-section {
    padding-bottom: 3.65vw;
}

.page-template-page-demo-new .ide-box .wrapper {
    padding: 8.85vw 0 0;
    max-width: 73.8vw;
}

.page-template-page-demo-new .ide-box-title {
    max-width: 37.29vw;
}


/**/

.page-template-page-demo-new .ide-box .ide-box-items {
    margin-left: 0.36vw;
    margin-right: auto;
    margin-bottom: 12.71vw;
}

.page-template-page-demo-new .ide-box .ide-box-items li:nth-child(1) img {
    max-width: 100%;
}

.page-template-page-demo-new .ide-box .ide-box-items li:nth-child(2) img {
    top: -0.1vw;
    left: 0.68vw;
}

.page-template-page-demo-new .ide-box .ide-box-items-wrap .ide-box-items-lines {
    left: 0.94vw;
}

.page-template-page-demo-new .ide-box .ide-box-items li:nth-child(3n) {
    min-width: 24.69vw;
}

.page-template-page-demo-new .ide-box .ide-box-items li:nth-child(3n) img {
    right: -0.78vw;
}

.page-template-page-demo-new .ide-box .ide-box-items li p {
    margin-top: 1.67vw;
}

.page-template-page-demo-new .ide-box-list-text {
    margin-left: 7.34vw;
}

.page-template-page-demo-new .ide-box-images {
    margin-right: -0.63vw;
}

.page-template-page-demo-new .ide-box-static>li::after {
    right: -12.03vw;
}

.page-template-page-demo-new .ide-box-static>li {
    margin-bottom: 5vw;
}

.page-template-page-demo-new .ide-box-static>li:nth-child(2) .ide-box-static-anim {
    right: 12.86vw;
    margin-bottom: 6.61vw;
}

.page-template-page-demo-new .ide-box-static>li:nth-child(3) .ide-box-static-anim {
    margin-bottom: 6.82vw;
}

.page-template-page-demo-new .ide-box .btn-primary {
    min-width: 15.94vw;
    padding: 1.04vw 3.13vw;
    border-radius: 3.13vw;
}

.page-template-page-demo-new .big-vertical-line-bottom {
    margin-left: -37.86vw;
    bottom: 2.66vw;
    margin-top: 30.26vw;
}

.page-template-page-demo-new .ide-box {
    padding-bottom: 8.8vw;
}

.page-template-page-demo-new .ide-box-list-text::before {
    left: -2.19vw;
}

.page-template-page-demo-new .ide-box .ide-box-items-wrap::before {
    width: 0.83vw;
    height: 0.83vw;
    top: 7vw;
    left: -1.3vw;
}

.page-template-page-demo-new .cases {
    padding-top: 10.16vw;
    padding-bottom: 7.6vw;
}

.page-template-page-demo-new .cases h2 {
    margin-bottom: 2.5vw;
}

.page-template-page-demo-new .ide-box {
    position: relative;
}

.page-template-page-demo-new .ide-box::before {
    content: "";
    background: radial-gradient( 50% 50% at 50% 50%, #008eff 0%, rgba(25, 59, 90, 0) 99%);
    background-blend-mode: screen;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -10%;
    border-radius: 80.21vw;
    width: 80.21vw;
    height: 37.6vw;
}


/*in vw end*/

@media (min-width: 1920px) {
    .page-template-page-demo-new .bg-02 {
        padding-top: 195px;
    }
    .page-template-page-demo-new .video-section-title {
        font-size: 80px;
        line-height: 101px;
        margin-bottom: 40px;
    }
    .page-template-page-demo-new .video-section-play {
        width: 80px;
        height: 80px;
        margin: -63px 0 0 -63px;
    }
    .page-template-page-demo-new .video-section-play {
        width: 105px;
        height: 105px;
        margin: -56px 0 0 -53px;
    }
    .page-template-page-demo-new .video-section-block {
        margin-bottom: 39px;
    }
    .page-template-page-demo-new .video-section {
        padding-bottom: 70px;
    }
    .page-template-page-demo-new .testimonials-caption {
        border-radius: 30px;
    }
    .page-template-page-demo-new .testimonials {
        padding-bottom: 144px;
    }
    .page-template-page-demo-new .video-section {
        padding-bottom: 70px;
    }
    .page-template-page-demo-new .ide-box .wrapper {
        padding: 170px 0 0;
        max-width: 1417px;
    }
    .page-template-page-demo-new .ide-box-title {
        max-width: 716px;
    }
    /**/
    .page-template-page-demo-new .ide-box .ide-box-items {
        margin-left: 7px;
        margin-right: auto;
        margin-bottom: 244px;
    }
    .page-template-page-demo-new .ide-box .ide-box-items li:nth-child(1) img {
        max-width: 473px;
    }
    .page-template-page-demo-new .ide-box .ide-box-items li:nth-child(2) img {
        top: -2px;
        left: 13px;
    }
    .page-template-page-demo-new .ide-box .ide-box-items-wrap .ide-box-items-lines {
        left: 18px;
    }
    .page-template-page-demo-new .ide-box .ide-box-items li:nth-child(3n) {
        min-width: 474px;
    }
    .page-template-page-demo-new .ide-box .ide-box-items li:nth-child(3n) img {
        right: -15px;
    }
    .page-template-page-demo-new .ide-box .ide-box-items li p {
        margin-top: 32px;
    }
    .page-template-page-demo-new .ide-box-list-text {
        margin-left: 141px;
    }
    .page-template-page-demo-new .ide-box-images {
        margin-right: -12px;
    }
    .page-template-page-demo-new .ide-box-static>li::after {
        right: -231px;
    }
    .page-template-page-demo-new .ide-box-static>li {
        margin-bottom: 96px;
    }
    .page-template-page-demo-new .ide-box-static>li:nth-child(2) .ide-box-static-anim {
        right: 247px;
        margin-bottom: 127px;
    }
    .page-template-page-demo-new .ide-box-static>li:nth-child(3) .ide-box-static-anim {
        margin-bottom: 131px;
    }
    .page-template-page-demo-new .ide-box .btn-primary {
        min-width: 306px;
        padding: 20px 60px;
        border-radius: 60px;
    }
    .page-template-page-demo-new .big-vertical-line-bottom {
        margin-left: -727px;
        bottom: 51px;
        margin-top: 581px;
    }
    .page-template-page-demo-new .ide-box {
        padding-bottom: 169px;
    }
    .page-template-page-demo-new .ide-box-list-text::before {
        left: -42px;
    }
    .page-template-page-demo-new .ide-box .ide-box-items-wrap::before {
        width: 16px;
        height: 16px;
        top: 33%;
        left: -25px;
    }
    .page-template-page-demo-new .cases {
        padding-top: 195px;
        padding-bottom: 146px;
    }
    .page-template-page-demo-new .cases h2 {
        margin-bottom: 48px;
    }
    .page-template-page-demo-new .ide-box::before {
        border-radius: 1540px;
        width: 1540px;
        height: 722px;
    }
}

@media (max-width: 991px) {
    .page-template-page-demo-new .bg-02 {
        padding-top: 16.36vw;
    }
    .page-template-page-demo-new .video-section-title {
        font-size: 17.52vw;
        text-align: left;
        margin-bottom: 8.41vw;
        line-height: 21.22vw;
    }
    .page-template-page-demo-new .video-section-play {
        width: 13.32vw;
        height: 13.32vw;
        margin: -7.01vw 0 0 -5.84vw;
    }
    .page-template-page-demo-new .video-section-block {
        margin-bottom: 9.35vw;
    }
    .page-template-page-demo-new .video-section {
        font-size: 3.74vw;
        line-height: 5.14vw;
    }
    .page-template-page-demo-new .testimonials-indent {
        padding-top: 15.65vw;
        padding-bottom: 16.36vw;
    }
    .page-template-page-demo-new .ide-box .wrapper {
        width: 100%;
        padding: 15.19vw 5.14vw 8.18vw;
        max-width: 100%;
    }
    .page-template-page-demo-new .ide-box-title {
        max-width: 100%;
        z-index: 999;
    }
    .page-template-page-demo-new .ide-box-title h2 {
        font-size: 11.68vw;
        line-height: 109.9%;
        margin-bottom: 6.07vw;
    }
    .page-template-page-demo-new .ide-box .ide-box-items-wrap::before {
        display: none;
    }
    .page-template-page-demo-new .big-vertical-line-bottom {
        margin-left: -47.43vw;
        margin-top: 355.61vw;
        bottom: 15.19vw;
    }
    .page-template-page-demo-new .ide-box .tabs h3::before {
        left: -3.97vw;
    }
    .page-template-page-demo-new .ide-box-list-text {
        margin-left: 1.17vw;
    }
    .page-template-page-demo-new .ide-box-list-text::before {
        left: -5.14vw;
    }
    .page-template-page-demo-new .ide-box .btn-primary {
        min-width: 51.87vw;
        padding: 2.34vw 4.67vw;
        border-radius: 11.68vw;
        font-size: 4.67vw;
        color: #2a3c62;
        background: none;
    }
    .page-template-page-demo-new .ide-box .btn-primary .btn-primary-bg {
        display: block;
    }
    .page-template-page-demo-new .cases {
        padding-top: 23.36vw;
    }
    .page-template-page-demo-new .cases h2 {
        margin-bottom: 5.61vw;
    }
}


/*new sections*/

.page-template-page-demo-new #masthead {
    background: transparent;
    box-shadow: none;
}

.page-template-page-demo-new #masthead.site-header--fixed {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    background-color: #001b33;
}

.demo-section {
    background: #001b33;
    padding: 4.43vw 0;
}

.demo-section .wrapper {
    max-width: 74.79vw;
    margin: 0 auto;
    position: relative;
}

.page-template-page-demo-new #primary {
    padding-top: 0;
}

.demo-section h2 {
    color: var(--lightrun-prime-50, #cfdbf6);
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 3.13vw;
    margin: 0 0 2.6vw;
}

.demo-section__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 2.23vw;
}

.demo-section__list>li {
    width: 23.44vw;
    border-radius: 1.56vw;
    background-repeat: no-repeat;
    background-size: cover;
}

.demo-reviews__list>li:hover {
    outline: 2px solid var(--lightrun-prime-50, #cfdbf6);
    background: linear-gradient( 326deg, rgba(193, 213, 241, 0.1) 13.18%, rgba(240, 244, 249, 0.1) 86.54%);
}

.demo-actions>li {
    border-radius: 1.25vw;
    background-color: #1a3c5a;
    padding: 1.67vw;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}

.demo-actions__icon {
    margin-bottom: 2.14vw;
    width: 1.82vw;
    height: 1.82vw;
    display: flex;
    align-items: center;
}

.demo-actions__icon img {
    max-height: 100%;
    object-fit: contain;
}

.demo-actions__info h3 {
    color: var(--lightrun-prime-20, #f3f6fd);
    font-size: 0.94vw;
    font-weight: 700;
    line-height: 1.25vw;
    margin: 0 0 0.42vw;
    font-family: Inter;
    font-weight: bold;
}

.demo-actions__info {
    max-width: 15.05vw;
}

.demo-actions__info p {
    color: var(--gray-300, #9c9eab);
    font-size: 0.73vw;
    font-weight: 500;
    line-height: 0.99vw;
    min-height: 2.97vw;
}

.demo-section__link {
    font-size: 0.94vw;
    font-weight: 400;
    line-height: 1.15vw;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8971_1081)'%3E%3Cg clip-path='url(%23clip1_8971_1081)'%3E%3Cpath d='M11.5418 7.61816L15.4496 11.526M15.4496 11.526L11.5418 15.4338M15.4496 11.526H6.23486' stroke='%23F3F6FD' stroke-width='0.69812' /%3E%3C/g%3E%3C/g%3E%3Crect x='0.310276' y='0.480197' width='21.7193' height='21.7193' rx='10.8596' stroke='%23F3F6FD' stroke-width='0.620551' /%3E%3Cdefs%3E%3CclipPath id='clip0_8971_1081'%3E%3Crect width='10.2391' height='8.84286' fill='white' transform='translate(6.05035 6.91797)' /%3E%3C/clipPath%3E%3CclipPath id='clip1_8971_1081'%3E%3Crect width='10.2391' height='8.84286' fill='white' transform='translate(6.05035 6.91797)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0.1vw 1.67vw 0.26vw 0;
    background-size: 1.2vw;
    display: inline-flex;
}

.demo-actions .demo-section__link {
    color: #f3f6fd;
}

.demo-section.demo-resources {
    position: relative;
}

.demo-section.demo-resources::before {
    content: "";
    border-radius: 80.21vw;
    background: radial-gradient( 50% 50% at 50% 50%, #008eff 0%, rgba(25, 59, 90, 0) 99%);
    background-blend-mode: screen;
    position: absolute;
    width: 80.21vw;
    height: 37.6vw;
    left: 0;
    right: 0;
    margin: auto;
    top: -1.88vw;
}

.demo-resources__list>li {
    padding: 2.6vw 2.08vw;
    background: #f3f6fd;
    display: flex;
    flex-direction: column;
    height: 24.9vw;
}

.demo-resources__list-image {
    height: 8.54vw;
    overflow: hidden;
    border-radius: 1.04vw;
    margin-bottom: 1.46vw;
    flex: 0 0 auto;
}

.demo-resources__list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.demo-resources__list-info h3 {
    color: var(--lightrun-prime-800, #2e4576);
    font-family: Inter;
    font-size: 0.94vw;
    font-weight: 700;
    line-height: 1.25vw;
    margin: 0 0 0.42vw;
    max-height: 1.25vw;
    overflow: hidden;
}

.demo-resources__list-info p {
    margin: 0;
    color: var(--basic-700, #757780);
    font-size: 0.73vw;
    line-height: 1.04vw;
    max-height: 5.21vw;
    overflow: hidden;
}

.demo-resources__list .demo-section__link {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8971_1169)'%3E%3Cg clip-path='url(%23clip1_8971_1169)'%3E%3Cpath d='M11.5418 7.61719L15.4496 11.525M15.4496 11.525L11.5418 15.4328M15.4496 11.525H6.23486' stroke='%232E4576' stroke-width='0.69812'/%3E%3C/g%3E%3C/g%3E%3Crect x='0.310276' y='0.480197' width='21.7193' height='21.7193' rx='10.8596' stroke='%232E4576' stroke-width='0.620551'/%3E%3Cdefs%3E%3CclipPath id='clip0_8971_1169'%3E%3Crect width='10.2391' height='8.84286' fill='white' transform='translate(6.05035 6.91797)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_8971_1169'%3E%3Crect width='10.2391' height='8.84286' fill='white' transform='translate(6.05035 6.91797)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    color: #2e4576;
    margin-top: auto;
    margin-right: auto;
}

.demo-resources__list .demo-section__link:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.259766' width='36.5' height='36.25' rx='18.125' fill='%232E4576'/%3E%3Cg clip-path='url(%23clip0_9263_691)'%3E%3Cg clip-path='url(%23clip1_9263_691)'%3E%3Cpath d='M18.8492 12.3867L25.1465 18.684M25.1465 18.684L18.8492 24.9813M25.1465 18.684H10.2973' stroke='%23F3F6FD' stroke-width='1.125'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9263_691'%3E%3Crect width='16.5' height='14.25' fill='white' transform='translate(10 11.2598)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_9263_691'%3E%3Crect width='16.5' height='14.25' fill='white' transform='translate(10 11.2598)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.demo-resources__list-info {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.demo-section.demo-reviews {
    padding-bottom: 8.85vw;
}

.demo-reviews__list {
    margin: 0 -1.09vw;
    gap: 0;
}

.demo-reviews__list>li {
    position: relative;
    border: 0.1vw solid var(--lightrun-prime-800, #2e4576);
    padding: 2.6vw 1.56vw;
    color: #fff;
    margin: 0 1.09vw 3.49vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reviews__list-icon {
    height: 2.6vw;
    top: -1.35vw;
    border-radius: 1.3vw;
    border: 0.1vw solid var(--lightrun-prime-800, #2e4576);
    background: var(--bg, #001b33);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.6vw;
    position: absolute;
}

.reviews__list-info {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 1.25vw;
    margin-bottom: 2.08vw;
}

.reviews__list-info figure {
    width: 4.17vw;
    height: 4.17vw;
    border-radius: 4.17vw;
    overflow: hidden;
    margin: 0;
}

.reviews__list-info figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviews__list-subinfo h3 {
    margin: 0;
    color: var(--lightrun-prime-20, #f3f6fd);
    font-family: Inter;
    font-size: 0.94vw;
    font-weight: 500;
    line-height: 1.2vw;
    letter-spacing: 0.02vw;
}

.reviews__list-subinfo p {
    color: var(--basic-400, #aeb0bc);
    font-family: Inter;
    font-size: 0.78vw;
    font-weight: 400;
    line-height: 1.2vw;
    margin: 0 0 0.83vw;
}

.reviews__list-subinfo img {
    max-width: 3.33vw;
}

.reviews__list-text {
    margin: 0;
    color: var(--lightrun-prime-50, #cfdbf6);
    font-size: 0.94vw;
    font-weight: 400;
    line-height: 1.41vw;
    letter-spacing: 0.01vw;
}

.reviews__list-icon img {
    max-height: 1.04vw;
}

@media (min-width: 1920px) {
    .reviews__list-icon img {
        max-height: 16px;
    }
    .demo-section {
        padding: 85px 0;
    }
    .demo-section .wrapper {
        max-width: 1436px;
    }
    .page-template-page-demo-new #primary {
        padding-top: 0;
    }
    .demo-section h2 {
        font-size: 40px;
        line-height: 60px;
        margin: 0 0 50px;
    }
    .demo-section__list {
        gap: 43px;
    }
    .demo-section__list>li {
        width: 450px;
        border-radius: 30px;
    }
    .demo-actions>li {
        border-radius: 24px;
        padding: 32px;
    }
    .demo-actions__icon {
        margin-bottom: 41px;
        width: 35px;
        height: 35px;
    }
    .demo-actions__info h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 8px;
    }
    .demo-actions__info {
        max-width: 289px;
    }
    .demo-actions__info p {
        font-size: 14px;
        line-height: 19px;
        min-height: 57px;
    }
    .demo-section__link {
        font-size: 18px;
        line-height: 22px;
        padding: 2px 32px 5px 0;
        background-size: 23px;
    }
    .demo-section.demo-resources::before {
        border-radius: 1540px;
        width: 1540px;
        height: 722px;
        top: -36px;
    }
    .demo-resources__list>li {
        padding: 50px 40px;
        height: 478px;
    }
    .demo-resources__list-image {
        height: 164px;
        border-radius: 20px;
        margin-bottom: 28px;
    }
    .demo-resources__list-info h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 8px;
        max-height: 24px;
    }
    .demo-resources__list-info p {
        font-size: 14px;
        line-height: 20px;
        max-height: 100px;
    }
    .demo-section.demo-reviews {
        padding-bottom: 170px;
    }
    .demo-reviews__list {
        margin: 0 -21px;
    }
    .demo-reviews__list>li {
        padding: 50px 30px;
        margin: 0 20px 67px;
    }
    .reviews__list-icon {
        height: 50px;
        top: -26px;
        border-radius: 25px;
        min-width: 50px;
    }
    .reviews__list-info {
        gap: 24px;
        margin-bottom: 40px;
    }
    .reviews__list-info figure {
        width: 80px;
        height: 80px;
        border-radius: 80px;
    }
    .reviews__list-subinfo h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
        letter-spacing: 0.3px;
    }
    .reviews__list-subinfo p {
        font-size: 15px;
        line-height: 23px;
        margin: 0 0 16px;
    }
    .reviews__list-subinfo img {
        max-width: 64px;
    }
    .reviews__list-text {
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0.2px;
    }
}

@media (max-width: 991px) {
    .page-template-page-demo-new #primary {
        padding-top: 13.32vw;
    }
    .demo-section {
        padding: 9.35vw 0;
    }
    .demo-section .wrapper {
        max-width: 100%;
        padding: 0 4.67vw;
    }
    .demo-section h2 {
        font-size: 7.01vw;
        line-height: 9.35vw;
        margin-bottom: 10.51vw;
    }
    .demo-section__list {
        gap: 7.71vw;
    }
    .demo-section__list>li {
        width: 100%;
    }
    .demo-actions__icon {
        width: 8.18vw;
        height: 8.18vw;
        margin-bottom: 12.62vw;
    }
    .demo-actions>li {
        padding: 7.48vw;
        background-size: cover;
        border-radius: 5.61vw;
    }
    .demo-actions__info h3 {
        font-size: 4.21vw;
        line-height: 5.61vw;
        margin-bottom: 1.87vw;
    }
    .demo-actions__info {
        max-width: 67.52vw;
    }
    .demo-actions__info p {
        font-size: 3.27vw;
        line-height: 4.44vw;
        margin-bottom: 7.94vw;
    }
    .demo-section__link {
        font-size: 4.21vw;
        line-height: 5.14vw;
        padding: 0.47vw 7.48vw 1.17vw 0;
        background-size: 5.37vw;
    }
    .demo-section.demo-resources::before {
        display: none;
    }
    .demo-resources__list-image {
        height: 38.32vw;
        border-radius: 4.67vw;
        margin-bottom: 6.54vw;
    }
    .demo-resources__list>li {
        padding: 11.68vw 9.35vw;
        height: 111.68vw;
        border-radius: 7.03vw;
    }
    .demo-resources__list-info h3 {
        font-size: 4.21vw;
        line-height: 5.61vw;
        margin: 0 0 1.87vw;
        max-height: 5.61vw;
    }
    .demo-resources__list-info p {
        font-size: 3.27vw;
        line-height: 4.67vw;
        max-height: 23.36vw;
    }
    .demo-section.demo-reviews {
        padding-bottom: 16.36vw;
    }
    .demo-reviews__list {
        margin: 0;
    }
    .demo-reviews__list>li {
        padding: 11.68vw 7.01vw;
        margin: 0 0 15.65vw;
        border-radius: 7.03vw;
    }
    .reviews__list-icon {
        height: 11.68vw;
        top: -6.07vw;
        border-radius: 5.84vw;
        min-width: 11.68vw;
    }
    .reviews__list-info {
        gap: 5.61vw;
        margin-bottom: 9.35vw;
    }
    .reviews__list-info figure {
        width: 18.69vw;
        height: 18.69vw;
        border-radius: 18.69vw;
    }
    .reviews__list-subinfo h3 {
        font-size: 4.21vw;
        font-weight: 500;
        line-height: 5.37vw;
        letter-spacing: 0.07vw;
    }
    .reviews__list-subinfo p {
        font-size: 3.5vw;
        line-height: 5.37vw;
        margin: 0 0 3.74vw;
    }
    .reviews__list-subinfo img {
        max-width: 14.95vw;
    }
    .reviews__list-text {
        font-size: 4.21vw;
        line-height: 6.31vw;
        letter-spacing: 0.05vw;
    }
    .reviews__list-icon img {
        max-height: 4.04vw;
    }
}

.demo-hero {
    background: linear-gradient( 45deg, #001b33 35.94%, #004887 81.25%, #003963 100%);
    padding: 6.61vw 0 9.48vw;
    position: relative;
}

.demo-hero h3 {
    color: #02fafd;
    text-align: center;
    font-family: Cairo;
    font-size: 1.46vw;
    font-weight: 500;
    line-height: 1.35vw;
    margin: 0 0 0.94vw;
}

.demo-hero h1 {
    color: var(--lightrun-prime-50, #cfdbf6);
    text-align: center;
    font-family: Cairo;
    font-size: 4.17vw;
    font-weight: 900;
    line-height: 5.26vw;
    margin: 0 0 0.94vw;
}

.demo-hero h1 span {
    background: var( --symbol-gradient, linear-gradient( 270deg, #5afcff 0%, #4ddaff 10.42%, #2f86df 46.88%, #1b4d7d 99.99%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.demo-hero h1+p {
    max-width: 30.63vw;
    margin: 0 auto;
    color: var(--lightrun-prime-50, #cfdbf6);
    text-align: center;
    font-family: Inter;
    font-size: 0.94vw;
    line-height: 1.35vw;
}

.demo-hero__content {
    margin-top: 4.48vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.demo-hero__left {
    width: 28.7vw;
}

.demo-hero__left form .field-wrap:not(.field-wrap__select) {
    border-radius: 1.56vw;
    background: var(--lightrun-prime-50, #cfdbf6);
    position: relative;
    margin-bottom: 0.52vw;
    padding: 0.47vw 1.56vw;
}

.demo-hero__left form .field-wrap:not(.field-wrap__select) input {
    border: none;
    background: transparent;
    width: 100%;
    color: var(--basic-1000, #292929);
    font-family: Inter;
    font-size: 0.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.56vw;
    letter-spacing: 0.01vw;
    position: relative;
    top: 0.42vw;
}

.demo-hero__left form .field-wrap:not(.field-wrap__select) .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
    position: inherit;
}

.demo-hero__left form br {
    display: none;
}

.demo-hero__left form .field-wrap:not(.field-wrap__select) label {
    color: var(--basic-700, #757780);
    font-family: Inter;
    font-size: 0.94vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.56vw;
    letter-spacing: 0.01vw;
    position: absolute;
    left: 1.56vw;
    top: 0.52vw;
    transition: all 0.3s;
}

.demo-hero__left form .field-wrap:not(.field-wrap__select).focus label {
    font-size: 0.52vw;
    font-weight: 500;
    letter-spacing: 0.01vw;
    line-height: 1;
    top: 0.4vw;
}

.demo-hero__left form .field-wrap.field-wrap__select {
    margin: 1.88vw 0;
}

.demo-hero__left form .field-wrap.field-wrap__select label {
    display: block;
    text-align: left;
    color: var(--lightrun-prime-50, #cfdbf6);
    font-family: Inter;
    font-size: 0.94vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.56vw;
    letter-spacing: 0.01vw;
    margin-bottom: 0.83vw;
}

.demo-hero__left form {
    text-align: left;
}

.demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap {
    display: block;
}

.demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 0.63vw;
}

.demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
}

.demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label {
    margin: 0;
    position: relative;
}

.demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label input {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

.demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
    margin: 0;
    padding: 0vw 1.04vw;
    border-radius: 1.15vw;
    border: 0.05vw solid var(--lightrun-prime-50, #cfdbf6);
    color: var(--lightrun-prime-50, #cfdbf6);
    font-family: Inter;
    font-size: 0.94vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.03vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.5s;
}

.demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label input:checked+.wpcf7-list-item-label {
    background: #cfdbf6;
    border-color: #cfdbf6;
    color: #1b1a19;
}

.demo-hero__left form button[type="submit"] {
    border-radius: 3.13vw;
    background: linear-gradient( 270deg, #4ddaff 0%, #2f86df 46.98%, #1b4d7d 99.99%);
    background-blend-mode: screen;
    box-shadow: 0vw 0.78vw 1.56vw 0vw rgba(0, 0, 0, 0.35);
    border: none;
    display: flex;
    width: 100%;
    height: 3.54vw;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    font-family: Cairo;
    font-size: 1.04vw;
    font-weight: 700;
    line-height: 1.46vw;
    letter-spacing: 0.01vw;
    padding: 0;
    gap: 0.47vw;
}

.demo-hero__left form button[type="submit"] svg {
    width: 0.42vw;
}

.demo-hero__left form .wpcf7-not-valid-tip {
    border-radius: 0.89vw;
    background: var(--alert, #be0000);
    position: absolute;
    right: calc(100% + 0.83vw);
    padding: 0vw 0.68vw;
    color: var(--white, #fff);
    font-family: Inter;
    font-size: 0.73vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.56vw;
    letter-spacing: 0.01vw;
    top: 0.63vw;
    min-width: 7.19vw;
}

.demo-hero__left form .wpcf7-not-valid-tip::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8.5L0.749999 16.7272L0.75 0.272758L15 8.5Z' fill='%23BE0000'/%3E%3C/svg%3E");
    position: absolute;
    width: 0.78vw;
    height: 0.89vw;
    right: -0.36vw;
    top: 0.31vw;
}

.demo-hero__left .wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}

.demo-hero__right {
    width: 39.64vw;
    text-align: center;
}

.demo-hero__video {
    border-radius: 1.09vw;
    box-shadow: 0vw 0.83vw 1.66vw 0vw rgba(0, 0, 0, 0.35);
    height: 21.46vw;
    background-image: url(../images/hero-video-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #086db4;
    margin-bottom: 1.04vw;
    position: relative;
    overflow: hidden;
}

.demo-hero__video button {
    border-radius: 2.08vw;
    background: var(--bg, #001b33);
    width: 4.17vw;
    height: 4.17vw;
    border: none;
    position: absolute;
    left: 1.15vw;
    bottom: 1.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 3;
    display: none;
}

.demo-hero__video button svg {
    width: 1.98vw;
}

.demo-hero__right small {
    color: #b9c0cb;
    font-size: 0.63vw;
    line-height: 0.79vw;
    display: inline-flex;
    align-items: center;
}

.demo-hero__right small svg {
    margin-right: 0.47vw;
    width: 0.73vw;
}

.demo-chapters {
    padding-top: 8.85vw;
}

.demo-section.demo-chapters .wrapper {
    display: flex;
    justify-content: space-between;
}

.demo-chapters__left {
    width: 50.89vw;
}

.demo-chapters__left h2 {
    color: var(--lightrun-prime-50, #cfdbf6);
    font-family: Cairo;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 3.13vw;
    margin: 0 0 0.63vw;
}

.demo-chapters__left p {
    color: var(--lightrun-prime-20, #f3f6fd);
    font-size: 0.73vw;
    line-height: 1.02vw;
    margin: 0;
}

.demo-chapters__video {
    height: 28.65vw;
    border-radius: 1.15vw;
    background: linear-gradient( 270deg, #5afcff 0%, #4ddaff 10.42%, #2fa1df 46.88%, #1b4b7d 100%);
    box-shadow: 0vw 0.89vw 1.78vw 0vw rgba(0, 0, 0, 0.35);
    position: relative;
    overflow: hidden;
    margin: 0.94vw 0 1.04vw;
}

.demo-chapters__video button {
    position: absolute;
    background: none;
    border: none;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 3;
}

.demo-chapters__video .hidden {
    display: none;
}

.demo-chapters__video button svg {
    width: 7.97vw;
}

.demo-chapters__left .demo-chapters__video+p {
    color: var(--lightrun-prime-50, #cfdbf6);
    font-size: 0.73vw;
    line-height: 1.35vw;
}

.demo-chapters__right {
    width: 20.26vw;
    color: var(--lightrun-prime-20, #f3f6fd);
}

.demo-chapters__right h2 {
    color: var(--lightrun-prime-50, #cfdbf6);
    font-family: Cairo;
    font-size: 2.08vw;
    font-weight: 500;
    line-height: 3.13vw;
    margin: 0 0 0.63vw;
}

.demo-chapters__right h2+p {
    display: flex;
    align-items: center;
    gap: 0.31vw;
    font-size: 0.73vw;
    line-height: 1.02vw;
    margin: 0;
}

.demo-chapters__right h2+p strong {
    font-weight: 600;
}

.demo-chapters__right h2+p span {
    letter-spacing: -0.01vw;
}

.demo-chapters__list {
    margin: 0.94vw 0 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    max-height: 25.78vw;
}

.demo-chapters__list li {
    padding: 1.88vw 0;
    border-top: 0.05vw solid rgba(207, 219, 246, 0.3);
    /* 	display: none; */
}

.demo-chapters__list li:nth-child(-n+5) {
    display: block;
}

.demo-chapters__info {
    display: flex;
    align-items: center;
    gap: 0.36vw;
}

.demo-chapters__info button {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    background: no-repeat;
    width: 0.89vw;
    height: 0.89vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.demo-chapters__info .chapter-play.hide {
    display: none;
}

.demo-chapters__info .chapter-play svg {
    width: 0.89vw;
    height: 0.89vw;
    pointer-events: none;
}

.demo-chapters__info .chapter-locked svg {
    width: 0.52vw;
    height: 0.68vw;
    pointer-events: none;
}

.demo-chapters__info .show-info {
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    width: 1.04vw;
    height: 1.09vw;
    transition: all 0.5s;
}

.demo-chapters__info.show .show-info {
    transform: scaleY(-1);
}

.demo-chapters__info h3 {
    overflow: hidden;
    color: var(--lightrun-prime-20, #f3f6fd);
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 0.73vw;
    font-weight: 600;
    line-height: 1.35vw;
    margin: 0 auto 0 0;
}

.demo-chapters__descr {
    margin-top: 1.88vw;
    color: var(--lightrun-prime-20, #f3f6fd);
    font-family: Inter;
    font-size: 0.73vw;
    line-height: 1.25vw;
    display: none;
}

.show+.demo-chapters__descr {
    display: block;
}

.demo-chapters__descr p {
    margin: 0;
}

.demo-chapters__unlock {
    border-radius: 3.13vw;
    background: linear-gradient( 270deg, #4ddaff 0%, #2f86df 46.98%, #1b4d7d 99.99%);
    background-blend-mode: screen;
    box-shadow: 0vw 0.78vw 1.56vw 0vw rgba(0, 0, 0, 0.35);
    border: none;
    width: 100%;
    margin-top: 0.68vw;
    cursor: pointer;
    padding: 1.04vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.31vw;
    color: #fff;
    text-align: center;
    font-family: Cairo;
    font-size: 1.04vw;
    font-weight: 700;
    line-height: 1.46vw;
    letter-spacing: 0.01vw;
}

.demo-header-btn {
    border-radius: 3.13vw;
    background: linear-gradient( 270deg, #4ddaff 0%, #2f86df 46.98%, #1b4d7d 99.99%);
    border: none;
    padding: 0.57vw 4.69vw;
    color: #fff;
    text-align: center;
    font-family: Cairo;
    font-size: 0.83vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.46vw;
    letter-spacing: 0.01vw;
    cursor: pointer;
}

@media (min-width: 1920px) {
    .demo-header-btn {
        border-radius: 60px;
        padding: 11px 90px;
        font-size: 16px;
        line-height: 28px;
    }
    .demo-hero {
        padding: 129px 0 182px;
    }
    .demo-hero h3 {
        font-size: 28px;
        line-height: 26px;
        margin: 0 0 18px;
    }
    .demo-hero h1 {
        font-size: 80px;
        line-height: 101px;
        margin: 0 0 18px;
    }
    .demo-hero h1+p {
        max-width: 588px;
        font-size: 18px;
        line-height: 26px;
    }
    .demo-hero__content {
        margin-top: 86px;
    }
    .demo-hero__left {
        width: 551px;
    }
    .demo-hero__left form .field-wrap:not(.field-wrap__select) {
        border-radius: 30px;
        margin-bottom: 10px;
        padding: 9px 30px;
    }
    .demo-hero__left form .field-wrap:not(.field-wrap__select) input {
        font-size: 17px;
        line-height: 30px;
        letter-spacing: 0.17px;
        top: 8px;
    }
    .demo-hero__left form .field-wrap:not(.field-wrap__select) label {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.18px;
        left: 30px;
        top: 10px;
    }
    .demo-hero__left form .field-wrap:not(.field-wrap__select).focus label {
        font-size: 10px;
        letter-spacing: 0.1px;
        line-height: 1;
        top: 6px;
    }
    .demo-hero__left form .field-wrap.field-wrap__select {
        margin: 36px 0;
    }
    .demo-hero__left form .field-wrap.field-wrap__select label {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.18px;
        margin-bottom: 16px;
    }
    .demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
        gap: 12px;
    }
    .demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
        padding: 0px 20px;
        border-radius: 22px;
        font-size: 18px;
        line-height: 39px;
    }
    .demo-hero__left form button[type="submit"] {
        border-radius: 60px;
        height: 68px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.2px;
        gap: 9px;
    }
    .demo-hero__left form button[type="submit"] svg {
        width: 8px;
    }
    .demo-hero__left form .wpcf7-not-valid-tip {
        border-radius: 17px;
        right: calc(100% + 16px);
        padding: 0px 13px;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 0.14px;
        top: 12px;
        min-width: 138px;
    }
    .demo-hero__left form .wpcf7-not-valid-tip::after {
        width: 15px;
        height: 17px;
        right: -7px;
        top: 6px;
    }
    .demo-hero__right {
        width: 761px;
    }
    .demo-hero__video {
        border-radius: 21px;
        height: 412px;
        background-image: url(../images/hero-video-bg.png);
        margin-bottom: 20px;
    }
    .demo-hero__video button {
        border-radius: 40px;
        width: 80px;
        height: 80px;
        left: 22px;
        bottom: 23px;
        z-index: 3;
    }
    .demo-hero__video button svg {
        width: 38px;
    }
    .demo-hero__right small {
        font-size: 12px;
        line-height: 15px;
    }
    .demo-hero__right small svg {
        margin-right: 9px;
        width: 14px;
    }
    .demo-chapters {
        padding-top: 170px;
    }
    .demo-chapters__left {
        width: 977px;
    }
    .demo-chapters__left h2 {
        font-size: 40px;
        line-height: 60px;
        margin: 0 0 12px;
    }
    .demo-chapters__left p {
        font-size: 14px;
        line-height: 19px;
    }
    .demo-chapters__video {
        height: 550px;
        border-radius: 22px;
        margin: 18px 0 20px;
    }
    .demo-chapters__video button svg {
        width: 153px;
    }
    .demo-chapters__left .demo-chapters__video+p {
        font-size: 14px;
        line-height: 26px;
    }
    .demo-chapters__right {
        width: 389px;
    }
    .demo-chapters__right h2 {
        font-size: 40px;
        line-height: 60px;
        margin: 0 0 12px;
    }
    .demo-chapters__right h2+p {
        gap: 6px;
        font-size: 14px;
        line-height: 19px;
        max-height: 495px;
    }
    .demo-chapters__right h2+p span {
        letter-spacing: -0.2px;
    }
    .demo-chapters__list {
        margin: 18px 0 0;
    }
    .demo-chapters__list li {
        padding: 36px 0;
    }
    .demo-chapters__info {
        gap: 7px;
    }
    .demo-chapters__info button {
        width: 17px;
        height: 17px;
    }
    .demo-chapters__info .chapter-play svg {
        width: 17px;
        height: 17px;
    }
    .demo-chapters__info .chapter-locked svg {
        width: 10px;
        height: 13px;
    }
    .demo-chapters__info .show-info {
        width: 20px;
        height: 21px;
    }
    .demo-chapters__info h3 {
        font-size: 14px;
        line-height: 26px;
    }
    .demo-chapters__descr {
        margin-top: 36px;
        font-size: 14px;
        line-height: 24px;
    }
    .demo-chapters__unlock {
        border-radius: 60px;
        margin-top: 13px;
        padding: 20px;
        gap: 6px;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.2px;
    }
}

.demo-chapters__unlock.mobile {
    display: none;
}

@media (max-width: 991px) {
    .demo-hero {
        padding-top: 8.88vw;
        padding-bottom: 28.04vw;
    }
    .demo-hero h3 {
        font-size: 3.74vw;
        line-height: 6.07vw;
        margin-bottom: 2.34vw;
    }
    .demo-hero h1 {
        font-size: 11.68vw;
        line-height: 109.9%;
        margin-bottom: 6.07vw;
    }
    .demo-hero h1+p {
        display: none;
    }
    .demo-hero__content {
        margin-top: 0;
        flex-direction: column;
    }
    .demo-hero__right {
        width: 100%;
        order: -1;
        margin-bottom: 8.88vw;
    }
    .demo-hero__video {
        border-radius: 4.44vw;
        height: 54.44vw;
        margin-bottom: 3.27vw;
    }
    .demo-hero__right small {
        font-size: 2.8vw;
        line-height: 3.5vw;
    }
    .demo-hero__right small svg {
        margin-right: 2.1vw;
        width: 3.27vw;
    }
    .demo-hero__left {
        width: 100%;
    }
    .demo-hero__left form .field-wrap:not(.field-wrap__select) {
        padding: 2.34vw 7.01vw;
        margin-bottom: 2.34vw;
        border-radius: 7.01vw;
    }
    .demo-hero__left form .field-wrap:not(.field-wrap__select) label {
        font-size: 4.21vw;
        line-height: 7.01vw;
        letter-spacing: 0.04vw;
        top: 2.34vw;
        left: 7.01vw;
    }
    .demo-hero__left form .field-wrap:not(.field-wrap__select) input {
        font-size: 3.97vw;
        line-height: 7.01vw;
        top: 2.34vw;
    }
    .demo-hero__left form .field-wrap p {
        margin: 0;
    }
    .demo-hero__left form .field-wrap:not(.field-wrap__select).focus label {
        font-size: 2.34vw;
        line-height: 7.01vw;
        /* 300% */
        letter-spacing: 0.02vw;
        line-height: 1;
        top: 2vw;
    }
    .demo-hero__left form .field-wrap.field-wrap__select p>label {
        display: none;
    }
    .demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
        border-radius: 5.14vw;
        padding: 2.34vw 4.67vw;
        font-size: 4.21vw;
        line-height: 1;
    }
    .demo-hero__left form .field-wrap.field-wrap__select .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
        gap: 2.8vw;
    }
    .demo-hero__left form .field-wrap.field-wrap__select {
        margin: 9.35vw 0;
    }
    .demo-hero__left form button[type="submit"] {
        padding: 4.67vw 14.02vw;
        font-size: 4.67vw;
        line-height: 6.54vw;
        letter-spacing: 0.05vw;
        gap: 1.4vw;
        height: 15.89vw;
        border-radius: 14.02vw;
    }
    .demo-hero__left form button[type="submit"] svg {
        width: 1.87vw;
    }
    .demo-section.demo-chapters .wrapper {
        flex-direction: column;
    }
    .demo-chapters__left {
        width: 100%;
        margin-top: 7.01vw;
    }
    .demo-chapters__right {
        width: 100%;
        order: -1;
    }
    .demo-chapters {
        padding-top: 16.36vw;
    }
    .demo-chapters__right h2 {
        font-size: 7.01vw;
        line-height: 9.35vw;
        margin-bottom: 0.47vw;
    }
    .demo-chapters__right h2+p {
        font-size: 3.27vw;
        line-height: 4.67vw;
        gap: 1.4vw;
    }
    .demo-chapters__list {
        margin-top: 10.51vw;
        max-height: inherit;
    }
    .demo-chapters__list li {
        padding: 8.41vw 7.01vw;
    }
    .demo-chapters__info {
        gap: 2.8vw;
    }
    .demo-chapters__info button {
        width: 3.74vw;
        height: 3.74vw;
    }
    .demo-chapters__info .chapter-play svg {
        width: 3.74vw;
        height: 3.74vw;
    }
    .demo-chapters__info .show-info {
        width: 4.67vw;
        height: 4.67vw;
    }
    .demo-chapters__info h3 {
        font-size: 3.27vw;
        line-height: 6.07vw;
    }
    .demo-chapters__info .chapter-locked svg {
        width: 2.34vw;
        height: 3.04vw;
    }
    .demo-chapters__unlock {
        border-radius: 14.02vw;
        padding: 4.67vw 14.02vw;
        gap: 1.4vw;
        font-size: 4.67vw;
        line-height: 6.54vw;
        margin-top: 14.95vw;
    }
    .demo-chapters__left h2 {
        font-size: 7.01vw;
        line-height: 9.35vw;
        margin-bottom: 2.34vw;
    }
    .demo-chapters__left p {
        font-size: 3.27vw;
        line-height: 4.67vw;
    }
    .demo-chapters__video {
        margin-top: 10.51vw;
        margin-bottom: 4.67vw;
        border-radius: 4.44vw;
        height: 57.24vw;
    }
    .demo-hero__video button {
        width: 11.21vw;
        height: 11.21vw;
        border-radius: 5.61vw;
        left: 4.67vw;
        bottom: 4.67vw;
    }
    .demo-hero__video button svg {
        width: 5.14vw;
    }
    .demo-chapters__video button svg {
        width: 11.21vw;
    }
    .demo-chapters__left .demo-chapters__video+p {
        font-size: 3.27vw;
        line-height: 6.07vw;
    }
    .demo-chapters__unlock:not(.mobile) {
        display: none;
    }
    .demo-chapters__unlock.mobile {
        display: flex;
    }
    .demo-hero__left form .wpcf7-not-valid-tip {
        border-radius: 3.98vw;
        right: 2.81vw;
        padding: 0vw 3.04vw;
        font-size: 3.28vw;
        line-height: 7.03vw;
        letter-spacing: 0.03vw;
        top: 2.81vw;
        min-width: 32.32vw;
    }
    .demo-hero__left form .wpcf7-not-valid-tip::after {
        width: 3.51vw;
        height: 3.98vw;
        right: inherit;
        top: 1.41vw;
        transform: scaleX(-1);
        left: -1.87vw;
    }
    .demo-chapters__descr {
        font-size: 3.28vw;
        line-height: 5.62vw;
    }
}

.demo-section iframe {
    width: 100%;
    height: 100%;
}

.demo-hero__left form .field-wrap p {
    margin: 0;
}

.page-template-page-demo-new .wpcf7-response-output {
    color: #fff;
}


/*03_11*/

#demo-popup .lets-talk-popup-content {
    width: 700px;
    padding: 96px 70px 91px;
}

#demo-popup .lets-talk-popup-close {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.593662 19.4063C0.987962 19.8006 1.50611 19.9991 2.023 19.9991C2.53989 19.9991 3.05804 19.8019 3.45234 19.4063L10 12.8587L16.5477 19.4063C16.942 19.8006 17.4601 19.9991 17.977 19.9991C18.4939 19.9991 19.012 19.8019 19.4063 19.4063C20.1962 18.6165 20.1962 17.3363 19.4063 16.5464L12.8599 10L19.4076 3.45234C20.1975 2.66248 20.1975 1.38226 19.4076 0.592398C18.6177 -0.197466 17.3375 -0.197466 16.5477 0.592398L10 7.14006L3.45234 0.592398C2.66248 -0.197466 1.38226 -0.197466 0.592398 0.592398C-0.197466 1.38226 -0.197466 2.66248 0.592398 3.45234L7.14006 10L0.592398 16.5477C-0.196202 17.3363 -0.196203 18.6177 0.593662 19.4063Z' fill='%23C4CBD3'/%3E%3C/svg%3E");
}

#demo-popup .lets-talk-popup-content h2 {
    background: linear-gradient( 270deg, #5afcff -6.35%, #4ddaff 11.38%, #2f86df 43.5%, #1b4d7d 99.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    mix-blend-mode: multiply;
    text-align: center;
    font-family: Cairo;
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
    /* 125% */
    letter-spacing: -0.48px;
    padding: 0;
    margin: 0 0 36px;
}

#demo-popup .lets-talk-popup-content p:last-child {
    color: var(--basic-700, #757780);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
}

.lets-talk-popup-content p:last-child a {
    font-weight: 600;
    text-decoration-line: underline;
}

.demo-form .hbspt-form {
    margin: 0 0 36px;
    padding: 0;
}

.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) {
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 9px 30px;
    background: #e8eef6;
    position: relative;
}

.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) label:not(.hs-error-msg) {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.18px;
    left: 30px;
    top: 10px;
    color: var(--basic-700, #757780);
    font-family: Inter;
    font-weight: 400;
    position: absolute;
    transition: all 0.3s;
}

.demo-form .hbspt-form .field.focus:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) label:not(.hs-error-msg) {
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.1px;
    line-height: 1;
}

.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) input {
    border: none;
    background: transparent;
    width: 100%;
    color: var(--basic-1000, #292929);
    font-family: Inter;
    font-weight: 400;
    position: relative;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: 0.17px;
    top: 8px;
}

.demo-form .hbspt-form .field .no-list.hs-error-msgs.inputs-list {
    position: absolute;
    margin: 0;
    border-radius: 17px;
    right: calc(100% + 16px);
    padding: 0px 13px;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    top: 12px;
    min-width: 264px;
    list-style: none;
    background: var(--alert, #be0000);
    color: var(--white, #fff);
    font-family: Inter;
    font-weight: 400;
}

.demo-form .hbspt-form .field .no-list.hs-error-msgs.inputs-list::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8.5L0.749999 16.7272L0.75 0.272758L15 8.5Z' fill='%23BE0000'/%3E%3C/svg%3E");
    position: absolute;
    width: 15px;
    height: 17px;
    right: -7px;
    top: 6px;
}

.demo-form .hbspt-form .field.hs-fieldtype-checkbox {
    margin: 36px 0;
}

.demo-form .hbspt-form .field.hs-fieldtype-checkbox>label:not(.hs-error-msg) {
    text-align: left;
    color: #757780;
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.18px;
    margin-bottom: 16px;
    display: block;
}

.demo-form .hbspt-form .field.hs-fieldtype-checkbox .inputs-list.multi-container {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.demo-form .hbspt-form .field.hs-fieldtype-checkbox .hs-form-checkbox-display span {
    border: 1px solid var(--lightrun-prime-50, #757780);
    color: var(--lightrun-prime-50, #757780);
    font-family: Inter;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.5s;
    font-weight: 400;
    padding: 0px 20px;
    border-radius: 22px;
    font-size: 18px;
    line-height: 39px;
}

.demo-form .hbspt-form .field.hs-fieldtype-checkbox .hs-form-checkbox-display input:checked+span {
    background: #2f86df;
    border-color: #2f86df;
    color: var(--lightrun-prime-20, #f3f6fd);
}

.demo-form .hbspt-form .field.hs-fieldtype-checkbox .hs-form-checkbox-display input {
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

.demo-form .hbspt-form .hs_submit.hs-submit {
    padding: 0;
}

.demo-form .hbspt-form .hs_submit.hs-submit .hs-button.primary.large {
    border-radius: 60px;
    background: linear-gradient( 270deg, #4ddaff 3.93%, #2f86df 49.06%, #1b4d7d 99.99%);
    background-blend-mode: screen;
    height: 68px;
    color: #fff;
    text-align: center;
    font-family: Cairo;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.2px;
    box-shadow: none;
    width: 100%;
    border: none;
    cursor: pointer;
}

.demo-form .hbspt-form .hs_submit.hs-submit .hs-button.primary.large:hover {
    background: linear-gradient(101.63deg, #1b4d7d 8.53%, #4ddaff 107.27%);
    opacity: 0.8;
}

.demo-form .hs_error_rollup {
    display: none;
}

.demo-hero__left.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) {
    background: var(--lightrun-prime-50, #cfdbf6);
}

.demo-hero__left.demo-form .hbspt-form .field.hs-fieldtype-checkbox>label:not(.hs-error-msg) {
    color: var(--lightrun-prime-50, #cfdbf6);
}

.demo-hero__left.demo-form .hbspt-form .field.hs-fieldtype-checkbox .hs-form-checkbox-display span {
    border-color: #cfdbf6;
    color: var(--lightrun-prime-50, #cfdbf6);
}

@media (max-width: 991px) {
    #demo-popup .lets-talk-popup-content .hbspt-form .field.hs_lead_source,
    #demo-popup .lets-talk-popup-content .hbspt-form .field.hs_lead_source_details,
    #demo-popup .lets-talk-popup-content .hbspt-form .field.hs_utm_campaign,
    #demo-popup .lets-talk-popup-content .hbspt-form .field.hs_utm_medium,
    #demo-popup .lets-talk-popup-content .hbspt-form .field.hs_utm_source {
        display: none !important;
    }
    .demo-form .lets-talk-popup-content {
        max-width: 100%;
        padding: 35px 15px;
    }
    .demo-form .hbspt-form .field.hs-fieldtype-checkbox>label:not(.hs-error-msg) {
        display: none !important;
    }
    .demo-form .hbspt-form .field.hs-fieldtype-checkbox .hs-form-checkbox-display span {
        padding: 8px 15px;
        font-size: 16px;
        line-height: 16px;
    }
    #demo-popup .lets-talk-popup-content h2 {
        font-size: 35px;
        line-height: 1;
        margin-bottom: 25px;
    }
    .demo-form .hbspt-form .field.hs-fieldtype-checkbox {
        margin: 25px 0;
    }
    .demo-form .hbspt-form .hs_submit.hs-submit .hs-button.primary.large {
        height: 60px;
    }
    .demo-form .lets-talk-popup-content p:last-child {
        padding: 0;
    }
    .demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) label:not(.hs-error-msg) {
        font-size: 16px;
    }
    .demo-form .hbspt-form .field .no-list.hs-error-msgs.inputs-list {
        right: 9px;
        top: 10px;
        font-size: 11px;
        min-width: 150px;
    }
    .demo-form .hbspt-form .field .no-list.hs-error-msgs.inputs-list::after {
        transform: scaleX(-1);
        right: inherit;
        left: -7px;
    }
}

.page-template-page-demo-new input:-webkit-autofill,
.page-template-page-demo-new input:-webkit-autofill:hover,
.page-template-page-demo-new input:-webkit-autofill:focus,
.page-template-page-demo-new input:-webkit-autofill:active {
    box-shadow: 0 0 0px 1000px #cfdbf6 inset;
    -webkit-box-shadow: 0 0 0px 1000px #cfdbf6 inset;
    background-color: #cfdbf6 !important;
}


/*Demo New end*/

.page-template-page-demo-new .wpcf7 form.failed .wpcf7-response-output {
    display: none;
}

.product-area-list-content img {
    border-radius: 6px;
}

.product-area-list-images {
    margin: 5.052083vw 0 0 0;
}

.product-area-list-images .product-area-list-images__item {
    margin: 0 0 3.125vw 0;
}

.product-area-list-images .product-area-list-images__item:last-child {
    margin: 0;
}

.product-area-list-images figure {
    margin: 0;
}

@media (min-width: 1920px) {
    .product-area-list-images {
        margin: 97px 0 0 0;
    }
    .product-area-list-images .product-area-list-images__item {
        margin: 0 0 60px 0;
    }
}

@media (max-width: 991px) {
    .product-area-list-images {
        margin: 8vw 0 0 0;
    }
    .product-area-list-images .product-area-list-images__item {
        margin: 0 0 5.33333vw 0;
    }
}


/*Product landing page*/

.demo-hero__left.product-area-text {
    padding: 0;
    width: 34.11vw;
}

.page-template-page-product-landing h1+p {
    max-width: 100%;
}

.page-template-page-product-landing .demo-hero h3 {
    margin-bottom: 0;
    color: #fff;
}

.page-template-page-product-landing .demo-hero__right {
    width: 38.02vw;
}

.page-template-page-product-landing .demo-hero__content {
    align-items: flex-start;
}

.page-template-page-product-landing .demo-section h2 {
    text-align: center;
}

.page-template-page-product-landing .demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) input::placeholder {
    opacity: 0;
}

.page-template-page-product-landing .demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox) input {
    padding: 1px;
    height: auto;
}

.page-template-page-product-landing .lets-talk-popup-content .hs-form fieldset .hs-error-msgs li {
    color: #fff;
}

.page-template-page-product-landing .lets-talk-popup-content .hs-form fieldset .hs-form-field>label .hs-form-required,
.page-template-page-product-landing .lets-talk-popup-content .hs-form fieldset .hs_email>label .hs-form-required {
    color: var(--basic-700, #757780);
}

@media (min-width: 1920px) {
    .demo-hero__left.product-area-text {
        width: 655px;
    }
    .page-template-page-product-landing .demo-hero__right {
        width: 730px;
    }
}

@media (max-width: 991px) {
    .demo-hero__left.product-area-text,
    .page-template-page-product-landing .demo-hero__right {
        width: 100%;
    }
}

.footer-menus-list li #ot-sdk-btn {
    padding: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    line-height: 1.3541666667vw;
    font-size: 0.9375vw;
    font-family: "Inter", sans-serif;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s;
    text-align: left;
}

.footer-menus-list li #ot-sdk-btn:hover {
    background-size: 100% 1px;
    background-color: transparent;
}

@media (min-width: 1920px) {
    .footer-menus-list li #ot-sdk-btn {
        line-height: 26px;
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .footer-menus-list li #ot-sdk-btn {
        line-height: 5.1401869159vw;
        font-size: 3.2710280374vw;
    }
}


/* #onetrust-consent-sdk #onetrust-banner-sdk {
    max-width: 811px;
}
#onetrust-banner-sdk .ot-sdk-row {
    display: flex !important;
    align-items: flex-end;
}
#onetrust-banner-sdk:not(.ot-iab-2).vertical-align-content #onetrust-button-group-parent {
	position: inherit !important;
	left: inherit !important;
	display: flex;
	width: auto;
	transform: none;
	flex: 0 0 auto;
	    margin: 0;
}
#onetrust-banner-sdk:not(.ot-iab-2) #onetrust-group-container {
	width: auto !important;
}
body #onetrust-banner-sdk #onetrust-close-btn-container {
    top: 0;
    margin: auto;
    transform: none;
    position: absolute;
    right: 10px;
}

@media (max-width: 991px) {
	#onetrust-banner-sdk .ot-sdk-row {
		flex-direction: column;
	}
	    #onetrust-banner-sdk #onetrust-policy {
        margin-bottom: 0 !important;
    }
	
	#onetrust-consent-sdk #onetrust-policy-text {
		margin: 0;
		padding: 0;
	}
} */


/*18_09 forms updates*/


/* .start-for-free .hs-richtext {
	display: block;
	margin-top: 8px;
}
.start-for-free .hs-richtext p {
	font-size: 12px;
	line-height: 1.2;
	margin: 5px 20px;
}
.start-for-free .hs-richtext p br {
	display: block;
}
.start-for-free .hs-richtext p a {
	text-decoration: underline;
}
.start-for-free .hs-fieldtype-booleancheckbox .input::before {
	display: none;
}
.start-for-free .hs-fieldtype-booleancheckbox .input .inputs-list {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
.start-for-free .hs-fieldtype-booleancheckbox .input {
	padding: 0;
}
.start-for-free
	.hs-fieldtype-booleancheckbox
	.input
	.inputs-list
	.hs-form-booleancheckbox-display {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	line-height: 1;
}
.start-for-free form,
.subscribe-form form {
	display: inline-flex;
	flex-wrap: wrap;
}
.start-for-free .hs_email {
	order: -2;
}
.start-for-free .hs_submit {
	order: -1;
}
.start-for-free .hs_email + div {
	width: 100%;
} */

.swiper-slide:nth-child(2) .start-for-free form,
.swiper-slide:nth-child(3) .start-for-free form {
    justify-content: center;
}

.subscribe-form .hs_email {
    order: -2;
}

.subscribe-form form>div:nth-child(1) {
    order: -3;
}

.subscribe-form .hs_submit {
    order: -1;
}

.subscribe-form .hs_email+div .hs-richtext p {
    font-size: 14px;
    margin: 8px 0 0 0;
    line-height: 1.2;
}

.subscribe-form .hs_email+div .hs-richtext p a {
    text-decoration: underline;
}

.demo-form .hbspt-form .hs-richtext p {
    color: var(--lightrun-prime-50, #cfdbf6);
}

.demo-form .hbspt-form .hs-richtext p a {
    text-decoration: underline;
}

.demo-form .hbspt-form .hs-richtext p br {
    display: block;
}

.demo-form .hbspt-form .field .inputs-list {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    color: var(--lightrun-prime-50, #cfdbf6);
}

.demo-form .hbspt-form .field .inputs-list .hs-form-booleancheckbox-display {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-size: 14px;
}

@media (min-width: 992px) and (max-width: 1919px) {
    /* 	.start-for-free .hs-richtext {
		margin-top: 0.42vw;
	}
	.start-for-free .hs-richtext p {
		font-size: 0.63vw;
		margin: 0.26vw 1.04vw;
	}
	.start-for-free .hs-fieldtype-booleancheckbox .input .inputs-list {
		margin: 0 0 0 1.04vw;
	}
	.start-for-free
		.hs-fieldtype-booleancheckbox
		.input
		.inputs-list
		.hs-form-booleancheckbox-display {
		gap: 0.42vw;
		font-size: 0.63vw;
	} */
    .subscribe-form .hs_email+div .hs-richtext p {
        font-size: 0.73vw;
        margin: 0.42vw 0 0 0;
    }
    .demo-form .hbspt-form .field .inputs-list {
        margin: 0 0 0.52vw;
    }
    .demo-form .hbspt-form .field .inputs-list .hs-form-booleancheckbox-display {
        gap: 0.52vw;
        font-size: 0.73vw;
    }
}

@media (max-width: 991px) {
    /* 	.start-for-free form,
	.subscribe-form form {
		flex-direction: column;
		width: 100%;
	} */
    .subscribe-form .hs_email+div .hs-richtext p {
        margin-left: 0;
        font-size: 12px;
    }
    .subscribe-form .hs_email+div .hs-richtext p br {
        display: block;
    }
    .start-for-free .hs-richtext p {
        margin: 5px;
        font-size: 10px;
    }
    .start-for-free .hs-fieldtype-booleancheckbox .input .inputs-list {
        margin: 5px;
    }
    /* 	.start-for-free
		.hs-fieldtype-booleancheckbox
		.input
		.inputs-list
		.hs-form-booleancheckbox-display {
		font-size: 10px;
	} */
}


/*Gartner rewiews*/

.gartner {
    background-color: #001b33;
    color: #fff;
    padding: 155px 0 94px;
}

.gartner-container {
    margin: 0 auto;
    max-width: 1444px;
    display: flex;
    gap: 32px;
    justify-content: space-between;
}

.gartner-title {
    font-family: Cairo;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    margin: 0;
}

.gartner-text {
    font-family: Inter;
    font-size: 22px;
    line-height: 37px;
    margin: 0 0 50px;
}

.gartner-rating {
    display: flex;
    color: var(--Light-BG, #f3f6fd);
    font-family: Inter;
    font-size: 27px;
    line-height: 32px;
    align-items: center;
    gap: 10px;
}

.gartner-logo {
    margin-bottom: 19px;
}

.gartner-logo img {
    width: 273px;
}

.gartner-rating__stars {
    display: flex;
    gap: 4px;
}

.gartner-rating__stars svg {
    width: 24px;
    height: 24px;
}

.gartner__right {
    width: 715px;
}

.gartner-reviews-slider .swiper-slide {
    padding: 43px 40px;
    border-radius: 20px;
    background: var( --Light-Grid, linear-gradient(326deg, #c1d5f1 13.18%, #f0f4f9 86.54%));
    color: #1b1a19;
}

.gartner-reviews-slider .review-title {
    color: var(--Lightrun-Prime-900, #2a3c62);
    font-family: Cairo;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 8px;
}

.gartner-reviews-slider .review-rating {
    display: flex;
    align-items: center;
    color: var(--Text-Grey, #384d60);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    gap: 7px;
    margin-bottom: 31px;
}

.gartner-reviews-slider .review-rating__stars {
    display: flex;
    align-items: center;
    gap: 0px;
}

.gartner-reviews-slider .review-rating__stars svg {
    width: 20px;
    height: 20px;
}

.gartner-reviews-slider p {
    font-family: Inter;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
}

.gartner-reviews-slider p.review-name {
    font-weight: 700;
}

.gartner .swiper-pagination {
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gartner-reviews-slider.swiper {
    padding-bottom: 46px;
}

.gartner .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #f3f6fd;
    opacity: 1;
    transition: all 0.5s;
}

.gartner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
}

@media (min-width: 992px) and (max-width: 1919px) {
    /*Gartner rewiews*/
    .gartner {
        padding: 8.07vw 0 4.9vw;
    }
    .gartner-container {
        max-width: 75.21vw;
        gap: 1.67vw;
    }
    .gartner-title {
        font-size: 2.5vw;
        line-height: 3.13vw;
    }
    .gartner-text {
        font-size: 1.15vw;
        line-height: 1.93vw;
        margin: 0 0 2.6vw;
    }
    .gartner-rating {
        font-size: 1.41vw;
        line-height: 1.67vw;
        gap: 0.52vw;
    }
    .gartner-logo {
        margin-bottom: 0.99vw;
    }
    .gartner-logo img {
        width: 14.22vw;
    }
    .gartner-rating__stars {
        gap: 0.21vw;
    }
    .gartner-rating__stars svg {
        width: 1.25vw;
        height: 1.25vw;
    }
    .gartner__right {
        width: 37.24vw;
    }
    .gartner-reviews-slider .swiper-slide {
        padding: 2.24vw 2.08vw;
        border-radius: 1.04vw;
    }
    .gartner-reviews-slider .review-title {
        font-size: 1.04vw;
        line-height: 1.35vw;
        margin: 0 0 0.42vw;
    }
    .gartner-reviews-slider .review-rating {
        font-size: 0.83vw;
        gap: 0.36vw;
        margin-bottom: 1.61vw;
    }
    .gartner-reviews-slider .review-rating__stars {
        gap: 0vw;
    }
    .gartner-reviews-slider .review-rating__stars svg {
        width: 1.04vw;
        height: 1.04vw;
    }
    .gartner-reviews-slider p {
        font-size: 0.94vw;
        line-height: 1.35vw;
    }
    .gartner-reviews-slider.swiper {
        padding-bottom: 2.4vw;
    }
    .gartner .swiper-pagination .swiper-pagination-bullet {
        width: 0.4vw;
        height: 0.4vw;
    }
    .gartner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 0.68vw;
        height: 0.68vw;
    }
}

@media (max-width: 991px) {
    .gartner {
        padding: 8.41vw 0 12.15vw;
    }
    .gartner-container {
        max-width: 100%;
        flex-direction: column;
        padding: 0 4.67vw;
        gap: 7.48vw;
    }
    .gartner-title {
        font-size: 8.88vw;
        line-height: 9.11vw;
        margin: 0 0 2.8vw;
    }
    .gartner-text {
        font-size: 3.74vw;
        line-height: 5.14vw;
        margin-bottom: 7.24vw;
    }
    .gartner-logo {
        margin-bottom: 1.4vw;
    }
    .gartner-logo img {
        width: 46.03vw;
    }
    .gartner-rating {
        font-size: 4.67vw;
        line-height: 5.61vw;
    }
    .gartner-rating__stars svg {
        width: 5.14vw;
        height: 5.14vw;
    }
    .gartner__right {
        width: 100%;
    }
    .gartner-reviews-slider .swiper-slide {
        padding: 4.67vw;
        border-radius: 4.67vw;
    }
    .gartner-reviews-slider .review-title {
        font-size: 4.67vw;
        line-height: 6.07vw;
        margin: 0 0 1.87vw;
    }
    .gartner-reviews-slider .review-rating {
        font-size: 3.5vw;
        margin-bottom: 7.24vw;
    }
    .gartner-reviews-slider .review-rating__stars svg {
        width: 3.5vw;
        height: 3.5vw;
    }
    .gartner-reviews-slider p {
        font-size: 4.21vw;
        line-height: 6.07vw;
    }
    .gartner-reviews-slider.swiper {
        padding-bottom: 10.75vw;
    }
    .gartner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 3.04vw;
        height: 3.04vw;
    }
    .gartner .swiper-pagination .swiper-pagination-bullet {
        width: 1.82vw;
        height: 1.82vw;
    }
}


/*G2 rewiews start*/

.g2 .gartner-logo img {
    max-width: 104px;
}

@media (min-width: 992px) and (max-width: 1919px) {
    .g2 .gartner-logo img {
        max-width: 5.42vw;
    }
}

@media (max-width: 991px) {
    .g2 .gartner-logo img {
        max-width: 20vw;
    }
    .g2 .gartner-logo {
        margin-bottom: 4.4vw;
    }
}


/*G2 rewiews end*/

.ribbon {
    top: 6.5vw;
}

@media (min-width: 1920px) {
    .ribbon {
        top: 120px;
    }
}

.ide-box .tabs-caption li figure {
    min-width: 11.98vw;
    padding: 0.625vw 1.046vw;
}

@media (min-width: 1920px) {
    .ide-box .tabs-caption li figure {
        min-width: 230px;
        padding: 12px 21px;
    }
}

@media (max-width: 991px) {
    .ide-box .tabs-caption li figure,
    .ide-box .tabs-caption li.active figure {
        border: none;
        background: none;
        min-width: inherit;
        padding: 0;
        flex-direction: column;
        gap: 2.1vw;
        width: auto;
    }
    .ide-box .tabs-caption li figure span {
        width: 17.29vw;
        height: 17.29vw;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        border: 0.47vw solid rgba(0, 101, 169, 1);
    }
    .ide-box .tabs-caption li figure span img {
        max-width: 57%;
    }
    .ide-box .tabs-caption li {
        width: 24.07vw;
        margin: 0;
    }
    .ide-box .tabs-caption li figure figcaption {
        color: #c2c4cc;
    }
    .ide-box .tabs-caption li.active figure span {
        border-color: #4dc7f9;
        background: #0d3350;
    }
    .ide-box::after {
        top: 0;
        width: 6vw;
        height: 338vw;
    }
}


/*
@media (max-width: 991px) {
  .lightrun-main-caption { 
	padding-top: 13vw;
	}
	  .lightrun-main .swiperMainNavi {
		  top: 5.729vw;
	}
}

.ide-box .tabs-caption li img {
	border-radius: 0;
}

.mega-menu-wrap .mega-menu > li.mega-menu-grid > .mega-sub-menu .custom-grid > ul > li:nth-child(3) {
  width: 11.4583333333vw !important;
}
@media (min-width: 1920px) {
  .mega-menu-wrap .mega-menu > li.mega-menu-grid > .mega-sub-menu .custom-grid > ul > li:nth-child(3) {
    width: 220px !important;
  }
}
*/


/*30.09*/

.subscribe-form .hs_email+div {
    order: 100;
}

.subscribe-form form {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .awards-list {
        justify-content: space-between;
    }
    .awards-list-item figure img {
        width: 20vw;
    }
    .logos-list-item.logos-list-item--12 img,
    .logos-list-item.logos-list-item--8 img {
        max-height: 4vw;
    }
    .accelerate .btn-primary {
        max-width: 63.243vw;
    }
    .swiper-slide:nth-child(2) .lightrun-main-caption {
        /* 	  height: 204.701vw; */
    }
    .lightrun-main .swiperMain .swiper-slide:nth-child(2) .start-for-free {
        padding-top: 8vw;
    }
    .subscribe-form .hs_email+div {
        order: 100;
    }
    .subscribe-form form {
        display: flex;
        flex-direction: column;
    }
}

.awards-line-right::before {
    background: #fcfdff;
    left: 0;
}

.awards-line-left::before {
    background: #d5e4f9;
    z-index: 999;
}

.ide-box .tabs-caption li img {
    border-radius: 0;
}


/*01.10*/

@media (max-width: 991px) {
    .logos-list img {
        max-width: 45vw;
        max-height: max-content;
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .swiper-slide:nth-child(1) .btn-video.js-popup-video {
        position: relative;
        right: inherit;
        transform: none;
        bottom: -31vw;
        width: auto;
    }
    .swiper-slide:nth-child(1) .btn-link-underline {
        display: none;
    }
    .lightrun-main .swiper-slide:nth-child(2) .btn-link-underline {
        bottom: 95.383vw;
        width: 73%;
    }
}

@media (min-width: 1921px) {
    .lightrun-main .wrapper {
        min-width: 100%;
    }
    .ide-box-static>li::after {
        right: inherit;
        left: 100%;
    }
    .swiper-slide:nth-child(1) .lightrun-main-align {
        max-width: 610px;
    }
}

.bg-02 {
    background: #001b33;
}

.testimonials .swiper-button-prev {
    left: 22.833vw;
    top: 36.9vw;
    background-image: none;
}

.testimonials .swiper-button-next {
    right: 22.833vw;
    top: 36.9vw;
    background-image: none;
}

.testimonials-button {
    padding: 0;
}

.testimonials-button__btn {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 2.7px;
    padding: 0;
}

.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
    width: 8.958vw;
    height: 0.78125vw;
    margin: 0 0 0 0;
}

.testimonials__title {
    color: #cfdbf6;
    text-align: center;
    font-size: 2.708vw;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 4.09vw;
}

.testimonials-text {
    margin: 0.9375vw 0 0;
}

.testimonials-caption:hover {
    background: linear-gradient(319.36deg, #c1d5f1 -104.65%, #f0f4f9 20.63%);
}

.testimonials-image {
    position: inherit;
}

.testimonials-author {
    display: flex;
    align-items: center;
    gap: 1.2775vw;
}

.testimonials-name {
    display: block;
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.25;
}

.testimonials-position {
    font-size: 0.7775vw;
    font-weight: 400;
    line-height: 1.5;
}

.testimonials-icon {
    height: 4.6875vw;
    width: 13.021vw;
    border-radius: 1.042vw;
    background: var(--BG, #001b33);
    text-align: center;
    padding: 0.78125vw 1.875vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -2.34375vw;
    left: 0;
    right: 0;
    margin: auto;
}

.testimonials-caption {
    margin: 0 0.521vw 0 0.521vw;
    padding: 3.021vw 1.615vw 2.604vw 1.25vw;
}

h3.testimonials-title {
    font-size: 0.9375vw;
    line-height: 1.5;
    margin: 0.9375vw 0 0;
}

.testimonials-link {
    position: relative;
    right: 0;
    bottom: 0;
    text-align: left;
    left: auto;
}

.testimonials-image img {
    -webkit-filter: none;
}

.swiper-buttons-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
    flex-direction: row-reverse;
}

.swiper-buttons-wrap>div:not(.testimonials-button) {
    position: inherit;
    left: 0;
    top: 0;
}

@media (min-width: 1920px) {
    .testimonials__title {
        font-size: 52px;
        margin: 0 0 86px;
    }
    h3.testimonials-title {
        font-size: 18px;
        line-height: 1.5;
        margin: 18px 0 0;
    }
    .testimonials-author {
        display: flex;
        align-items: center;
        gap: 24px;
    }
    .testimonials-name {
        display: block;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.25;
    }
    .testimonials-text {
        margin: 18px 0 0;
    }
    .testimonials-position {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
    }
    .testimonials-icon {
        height: 90px;
        margin: 0 0 14px 0;
        width: 250px;
        border-radius: 20px;
        background: var(--BG, #001b33);
        text-align: center;
        padding: 15px 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -45px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .testimonials-caption {
        margin: 0 10px 0 10px;
        padding: 58px 31px 50px 24px;
    }
    .swiper-buttons-wrap {
        gap: 10px;
    }
    .testimonials .swiper-button-prev {
        left: 400px;
        top: 708px;
        background-image: none;
    }
    .testimonials .swiper-button-next {
        right: 400px;
        top: 708px;
        background-image: none;
    }
    .testimonials-button__btn {
        font-weight: 300;
    }
    .testimonials .swiper-button-next,
    .testimonials .swiper-button-prev {
        width: 172px;
        height: 15px;
        margin: 0 0 0 0;
    }
    .testimonials-link {
        position: relative;
        right: 0;
        bottom: 0;
        text-align: left;
    }
}

@media (max-width: 991px) {
    .testimonials__title {
        font-weight: 700;
        font-size: 7.476635514vw;
        line-height: 9.1121495327vw;
    }
    h3.testimonials-title {
        font-size: 4.8vw;
        line-height: 1.5;
        margin: 4.8vw 0 0;
    }
    .testimonials-author {
        gap: 4.2775vw;
    }
    .testimonials-caption {
        margin: 0 4.6728971963vw 0 4.6728971963vw;
        padding: 14.140187vw 6.0747663551vw 16.5887850467vw 6.5420560748vw;
        box-shadow: 0px 3.5046728972vw 7.0093457944vw rgba(0, 0, 0, 0.35);
    }
    .testimonials-name {
        font-size: 4.9375vw;
    }
    .testimonials-position {
        font-size: 3.7775vw;
    }
    .testimonials-image {
        position: inherit;
        flex-shrink: 0;
    }
    .testimonials-image img {
        -webkit-filter: none;
    }
    .testimonials-swiper {
        margin: 14.02vw 0 0;
    }
    .testimonials-text {
        margin: 4.21vw 0 0;
    }
    .testimonials-icon {
        width: 49.07vw;
        height: 17.52vw;
        top: -11.68vw;
        border-radius: 4.67vw;
        padding: 2.78125vw 3.875vw;
    }
    .testimonials .swiper-button-next,
    .testimonials .swiper-button-prev {
        width: 17.958vw;
        height: 4.78125vw;
        margin: 0 0 0 0;
        display: flex;
        align-items: center;
    }
    .testimonials .swiper-button-prev {
        left: 7.833vw;
        top: 173.9vw;
        background-image: none;
    }
    .testimonials .swiper-button-next {
        right: 7.833vw;
        top: 173.9vw;
        background-image: none;
    }
    .testimonials .swiper-button-next svg,
    .testimonials .swiper-button-prev svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    .testimonials-button {
        padding: 0;
    }
    .testimonials-button__btn {
        font-weight: 300;
        letter-spacing: 0.15em;
        font-size: 4.21vw;
        text-transform: capitalize;
        padding: 0;
        top: 0;
        line-height: 7.2429906542vw;
        font-family: "Inter";
        position: inherit;
    }
    .testimonials .swiper-pagination {
        display: none;
    }
}


/*New careers*/

.careers-hero {
    min-height: 622px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #072239;
    color: #f3f6fd;
    text-align: center;
}

.careers-who h2 {
    text-align: center;
    font-family: Cairo;
    font-size: 52px;
    font-weight: 700;
    line-height: 60px;
    color: #1b1a19;
    margin: 0 0 60px;
    width: 100%;
}

.careers-who {
    padding: 90px 0 146px;
    position: relative;
    background-color: #f3f6fd;
    background-image: url(../images/careers-who-bg.jpg);
    background-position: right top;
}

.careers-who[data-slide-index="1"] {
    background-image: url(../images/careers-who-bg2.jpg);
}

.careers-who[data-slide-index="2"] {
    background-image: url(../images/careers-who-bg3.jpg);
}

.careers-who[data-slide-index="3"] {
    background-image: none;
}

.careers-who[data-slide-index="4"] {
    background-image: url(../images/careers-who-bg5.jpg);
}

.careers-who {
    background-image: none !important;
}

.careers-who .wrapper {
    max-width: 1440px;
}

.careers-who__flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.careers-who__left,
.careers-who__right {
    width: 50%;
}

.careers-who__left {
    font-size: 18px;
    line-height: 26px;
    color: #1b1a19;
    padding-right: 8.5%;
}

.careers-who__left h3 {
    font-family: Cairo;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 0 25px;
}

.careers-who .swiper-pagination {
    position: inherit;
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    bottom: 0 !important;
    width: 50% !important;
    float: right;
}

.careers-who__right img {
    width: 100%;
    border-radius: 13px;
}

.careers-who .swiper-pagination .swiper-pagination-bullet {
    background: #1b1a19;
    width: 7px;
    height: 7px;
    opacity: 1;
    transition: all 0.5s;
    margin: 0 !important;
}

.careers-who .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
}

.careers--new .comeet-outer-wrapper li a.comeet-position .comeet-position-meta span.apply {
    color: #116ccb;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    background-clip: initial;
    text-fill-color: initial;
    font-size: 18px !important;
}

.careers--new .comeet-outer-wrapper h2 {
    background: linear-gradient(105.05deg, #28a1c0 -46.56%, #16489c 104.41%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.careers--new .comeet-outer-wrapper li a.comeet-position:hover {
    border-top: 1px solid #e8eef6;
    margin-top: -1px;
}

.careers--new .comeet-outer-wrapper li a.comeet-position:hover::before,
.careers--new .comeet-outer-wrapper li a.comeet-position:hover::after {
    height: calc(100% + 1px);
    top: -1px;
}

@media (min-width: 992px) and (max-width: 1919px) {
    .careers-hero {
        min-height: 32.4vw;
    }
    .careers-who h2 {
        font-size: 2.71vw;
        line-height: 3.13vw;
        margin: 0 0 3.13vw;
    }
    .careers-who {
        padding: 4.69vw 0 7.6vw;
    }
    .careers-who .wrapper {
        max-width: 75vw;
    }
    .careers-who__left {
        font-size: 0.94vw;
        line-height: 1.35vw;
    }
    .careers-who__left h3 {
        font-size: 1.67vw;
        line-height: 2.19vw;
        margin: 0 0 1.3vw;
    }
    .careers-who .swiper-pagination {
        margin-top: 1.25vw;
        gap: 0.78vw;
    }
    .careers-who__right img {
        border-radius: 0.68vw;
    }
    .careers-who .swiper-pagination .swiper-pagination-bullet {
        width: 0.36vw;
        height: 0.36vw;
    }
    .careers-who .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 0.63vw;
        height: 0.63vw;
    }
    .careers--new .comeet-outer-wrapper li a.comeet-position .comeet-position-meta span.apply {
        font-size: 0.94vw !important;
    }
    .careers--new .comeet-outer-wrapper li a.comeet-position:hover {
        border-top: 0.05vw solid #e8eef6;
        margin-top: -0.05vw;
    }
    .careers--new .comeet-outer-wrapper li a.comeet-position:hover::before,
    .careers--new .comeet-outer-wrapper li a.comeet-position:hover::after {
        height: calc(100% + 0.05vw);
        top: -0.05vw;
    }
}

@media (max-width: 991px) {
    .careers-hero {
        min-height: 443px;
    }
    .careers-who {
        background-image: none;
        padding: 0;
        position: relative;
        padding-bottom: 68px;
    }
    .careers-who h2 {
        font-size: 32px;
        margin-bottom: 7px;
        order: -2;
        text-align: left;
        padding: 0 20px;
        color: #116ccb;
        line-height: 1;
    }
    .careers-who__left,
    .careers-who__right {
        width: 100%;
        padding: 0 20px;
    }
    .careers-who__right {
        order: -1;
        padding-top: 20px;
        margin-bottom: 23px;
    }
    .careers-who {
        background-image: none !important;
    }
    .careers-who::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(../images/careers-who-bg.jpg);
        top: 67px;
        background-position: right;
        display: none !important;
    }
    .careers-who[data-slide-index="1"]::before {
        background-image: url(../images/careers-who-bg2.jpg);
    }
    .careers-who[data-slide-index="2"]::before {
        background-image: url(../images/careers-who-bg3.jpg);
    }
    .careers-who[data-slide-index="3"]::before {
        background-image: none;
    }
    .careers-who[data-slide-index="4"]::before {
        background-image: url(../images/careers-who-bg5.jpg);
    }
    .careers-who__left h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 11px;
    }
    .careers-who__left {
        font-size: 16px;
        line-height: 22px;
        position: relative;
        z-index: 2;
    }
    .careers-who__right img {
        border-radius: 10px;
    }
    .careers-who .swiper-pagination {
        width: 100% !important;
        margin-top: 0;
        justify-content: flex-start;
        padding: 0 20px;
    }
    .careers .comeet-outer-wrapper .filter-cats__options.dd {
        display: flex;
        flex-wrap: wrap;
        gap: 0 6vw;
    }
    .careers .comeet-outer-wrapper .filter-cats__options.dd a {
        margin: 0;
    }
}


/*20.02.25*/

.site-branding a {
    display: inline-flex;
}

.site-branding a img {
    object-fit: contain;
    width: 100%;
}

.cases-list-image img {
    width: auto;
    object-fit: contain;
}

.footer-logos-item img {
    width: 100%;
}

@media (max-width: 991px) {
    .site-branding a img {
        width: auto;
    }
    .footer-logo img {
        width: 18vw;
        height: 8.1775700935vw;
        object-fit: contain;
    }
    .footer-logos-item img {
        width: auto;
    }
}


/*Greenhouse form*/

#gh-job-form {
    max-width: 772px;
    margin-bottom: 50px;
}

#gh-job-form label {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    display: block;
    letter-spacing: 0.01em;
    color: #3e3c38;
    padding: 8px 0;
}

#gh-job-form label .required-asterisk {
    color: #c80202;
    font-size: 15px;
}

#gh-job-form br {
    display: none;
}

#gh-job-form input:not([type="checkbox"]),
#gh-job-form select {
    display: block;
    width: 100%;
    color: #555;
    font-size: 15px;
    font-weight: 500;
    line-height: 125%;
    background: #e8eef6 !important;
    border-color: transparent;
    border-radius: 30px !important;
    height: 50px;
    box-sizing: border-box;
    padding: 0 25px;
    max-width: 390px;
}

#gh-job-form input:not([type="checkbox"]):focus {
    outline: 2px solid #c8d5e6;
    border: 2px solid #177acd !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#gh-job-form .form-group {
    margin-bottom: 20px;
}

#gh-job-form button {
    background: linear-gradient( 101.63deg, #28a1c0 8.53%, #16489c 107.27%) !important;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.35);
    border-radius: 30px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.01em;
    color: #ffffff;
    height: 50px;
    text-align: center;
    text-transform: none;
    transition: all 0.5s;
    cursor: pointer;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    border: none;
}

#gh-job-form .custom-file {
    position: relative;
    display: inline-block;
}

#gh-job-form .custom-file input[type="file"] {
    display: none;
}

#gh-job-form .custom-file-label {
    display: inline-block;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #2262a5;
}

#gh-job-form .custom-file-label:hover {
    text-decoration: underline;
}

#gh-job-form .file-name {
    margin-top: 5px;
    font-size: 13px;
    color: #333;
}

#gh-job-form .error-message {
    color: red;
    font-size: 13px;
    margin-top: 4px;
}

.careers.careers-inner sidebar .addtoany_shortcode .addtoany_list a:not(.addtoany_share_save) {
    background-size: 33px;
    background-repeat: no-repeat;
    background-position: center;
}

.gh-success-message {
    padding: 50px 0;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #2262a5;
}

.a2a_button_linkedin:not(:has(span)) {
    background-image: url("data:image/svg+xml,%3Csvg focusable='false' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23001b33' d='M6.227 12.61h4.19v13.48h-4.19zm2.095-6.7a2.43 2.43 0 0 1 0 4.86c-1.344 0-2.428-1.09-2.428-2.43s1.084-2.43 2.428-2.43m4.72 6.7h4.02v1.84h.058c.56-1.058 1.927-2.176 3.965-2.176 4.238 0 5.02 2.792 5.02 6.42v7.395h-4.183v-6.56c0-1.564-.03-3.574-2.178-3.574-2.18 0-2.514 1.7-2.514 3.46v6.668h-4.187z'%3E%3C/path%3E%3C/svg%3E");
}

.a2a_button_facebook:not(:has(span)) {
    background-image: url("data:image/svg+xml,%3Csvg focusable='false' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23001b33' d='M28 16c0-6.627-5.373-12-12-12S4 9.373 4 16c0 5.628 3.875 10.35 9.101 11.647v-7.98h-2.474V16H13.1v-1.58c0-4.085 1.849-5.978 5.859-5.978.76 0 2.072.15 2.608.298v3.325c-.283-.03-.775-.045-1.386-.045-1.967 0-2.728.745-2.728 2.683V16h3.92l-.673 3.667h-3.247v8.245C23.395 27.195 28 22.135 28 16'%3E%3C/path%3E%3C/svg%3E");
}

.a2a_button_twitter:not(:has(span)) {
    background-image: url("data:image/svg+xml,%3Csvg focusable='false' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23001b33' d='M28 8.557a10 10 0 0 1-2.828.775 4.93 4.93 0 0 0 2.166-2.725 9.7 9.7 0 0 1-3.13 1.194 4.92 4.92 0 0 0-3.593-1.55 4.924 4.924 0 0 0-4.794 6.049c-4.09-.21-7.72-2.17-10.15-5.15a4.94 4.94 0 0 0-.665 2.477c0 1.71.87 3.214 2.19 4.1a5 5 0 0 1-2.23-.616v.06c0 2.39 1.7 4.38 3.952 4.83-.414.115-.85.174-1.297.174q-.476-.001-.928-.086a4.935 4.935 0 0 0 4.6 3.42 9.9 9.9 0 0 1-6.114 2.107q-.597 0-1.175-.068a13.95 13.95 0 0 0 7.55 2.213c9.056 0 14.01-7.507 14.01-14.013q0-.32-.015-.637c.96-.695 1.795-1.56 2.455-2.55z'%3E%3C/path%3E%3C/svg%3E");
}

.a2a_button_email:not(:has(span)) {
    background-image: url("data:image/svg+xml,%3Csvg focusable='false' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23001b33' d='M27 21.775v-9.9s-10.01 6.985-10.982 7.348C15.058 18.878 5 11.875 5 11.875v9.9c0 1.375.293 1.65 1.65 1.65h18.7c1.393 0 1.65-.242 1.65-1.65m-.017-11.841c0-1.002-.291-1.359-1.633-1.359H6.65c-1.38 0-1.65.429-1.65 1.43l.016.154s9.939 6.842 11 7.216C17.14 16.941 27 10.005 27 10.005z'%3E%3C/path%3E%3C/svg%3E");
}


/*HP April*/

.page-template-page-home-april .pricing-report {
    margin-bottom: 0;
}

.page-template-page-home-april .resources-top h2 {
    font-size: 52px;
    line-height: 60px;
    margin: 0 0 80px;
    text-transform: none;
    color: #1b1a19;
}

.page-template-page-home-april .resources-top {
    padding: 69px 0 91px;
}

.page-template-page-home-april .faq {
    padding: 47px 0 161px;
}

.page-template-page-home-april .site-main {
    background: #001325;
    padding-top: 75px;
}

.welcome {
    padding: 75px 0 75px;
    color: #e0e2e5;
    position: relative;
}

.welcome::before {
    content: "";
    background: radial-gradient( 50% 50% at 50% 50%, #008eff 0%, rgba(25, 59, 90, 0) 99%);
    background-blend-mode: screen;
    width: 1206px;
    height: 372px;
    opacity: 0.4;
    transform: rotate(-6.34deg);
    position: absolute;
    right: 17px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.welcome .wrapper {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.welcome-left {
    width: 50%;
    font-family: Inter;
    position: relative;
    z-index: 2;
}

.welcome-left h3 {
    font-weight: 400;
    font-size: 22px;
    line-height: 60px;
    margin: 0;
}

.welcome-left h2 {
    font-family: Cairo;
    font-weight: 700;
    font-size: 80px;
    line-height: 90px;
    letter-spacing: 0%;
    color: #f3f6fd;
    margin: 0 0 11px;
}

.welcome-left p {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 35px;
}

.welcome-btn {
    font-family: Cairo;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 1%;
    text-align: center;
    transition: all 0.5s;
    background: #f3f6fd;
    color: #00194d;
    padding: 12px 25px;
    border-radius: 60px;
    border: 1px solid #f3f6fd;
    display: inline-block;
}

.welcome-btn:hover {
    background: transparent;
    color: #f3f6fd;
}

.welcome-right {
    position: relative;
    margin-top: -100px;
}

.welcome-logos {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 26px;
    justify-content: flex-end;
}

.welcome-logos img {
    max-height: 63px;
    width: auto;
}

.logos-marquee {
    padding: 0 0 80px;
}

.logos-marquee .wrapper {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.logos-marquee .wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background-image: linear-gradient( to right, var(--dark-mode-bg), transparent 21%, transparent 50%, transparent 79%, var(--dark-mode-bg) 96%);
    z-index: 2;
}

.logos-marquee h2 {
    position: relative;
    text-align: center;
    z-index: 3;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #cfdbf6;
    margin: 0 0 34px;
}

.logos-marquee .wrapper::after {
    left: inherit;
    right: 0;
}

.marquee-swiper .swiper-wrapper {
    transition-timing-function: linear;
    align-items: center;
}

.marquee-swiper .swiper-slide {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marquee-swiper .swiper-slide img {
    max-height: 25px;
    width: auto;
    filter: brightness(0) invert(1);
}

.video-april {
    background-image: url(../../img/video-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 100px 0;
    color: #f3f6fd;
    background-position: 0 bottom;
}

.video-april .wrapper {
    max-width: 1434px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.video-april h2 {
    font-family: Cairo;
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    text-align: center;
    margin: 0 0 62px;
    width: 100%;
}

.video-april video {
    width: 100%;
    max-width: 70%;
}

.video_numbers {
    list-style: none;
    padding: 0;
    margin: 0 0 0 42px;
}

.video_numbers li:not(:last-child)::after {
    width: 1px;
    height: 150px;
    background: #5384ae;
    content: "";
}

.video_numbers li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.video_numbers span {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #5384ae;
    color: #5384ae;
    margin-top: 10px;
    font-family: Cairo;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
}

.video_text {
    list-style: none;
    margin: 0 0 0 16px;
    padding: 0;
    width: calc(25% - 16px);
    display: flex;
    flex-direction: column;
    gap: 44px;
    color: #e0e2e5;
}

.video_text p {
    margin: 0;
    font-family: Inter;
    font-size: 18px;
    line-height: 26px;
}

.video_text p strong {
    font-weight: 600;
    display: block;
}

.video_numbers li:nth-child(2)::after {
    height: 140px;
}

.how-it-works-steps {
    padding-bottom: 200px;
}

.how-it-works-steps .wrapper {
    margin: 0 auto;
    max-width: 1440px;
}

.how-it-works-steps h2 {
    font-family: Cairo;
    font-weight: 700;
    font-size: 52px;
    line-height: 60px;
    text-align: center;
    color: #f3f6fd;
}

.how-it-works-layout {
    display: flex;
    gap: 40px;
    align-items: center;
    position: relative;
}

.how-it-works-visual {
    width: 50%;
    position: relative;
    height: auto;
    min-height: 690px;
}

.step-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-image.visible {
    opacity: 1;
    visibility: visible;
}

.step-image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.how-it-works-steps-list {
    width: 50%;
    border-left: 1px solid #5384ae;
    padding: 70px 0px 70px 22px;
    max-width: 494px;
}

.step-item {
    transition: all 0.3s;
    font-family: Inter;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #1c3b56;
    position: relative;
    padding: 34px 0;
    cursor: pointer;
    transition: all 0.5s;
}

.step-item.active::before {
    content: "";
    position: absolute;
    left: -25px;
    width: 5px;
    height: 100%;
    background: #f3f6fd;
    top: 0;
}

.step-item.active {
    color: #e0e2e5;
}

.step-item h3 {
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    font-family: Inter;
}

.step-item p {
    margin: 0;
}

.page-template-page-home-april .testimonials {
    background: #001b33;
}

.page-template-page-home-april .demo-header-btn {
    background: #f3f6fd;
    color: #00194d;
    font-family: Cairo;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 1%;
    text-align: center;
    padding: 12px 25px;
}

@media (min-width: 1441px) and (max-width: 1919px) {
    .welcome .wrapper,
    .video-april .wrapper {
        padding: 0 40px;
    }
}

@media (min-width: 992px) and (max-width: 1440px) {
    .page-template-page-home-april .resources-top h2 {
        font-size: 2.71vw;
        line-height: 3.13vw;
        margin: 0 0 4.17vw;
    }
    .page-template-page-home-april .resources-top {
        padding: 3.59vw 0 4.74vw;
    }
    .page-template-page-home-april .faq {
        padding: 2.45vw 0 8.39vw;
    }
    .page-template-page-home-april .site-main {
        padding-top: 3.91vw;
    }
    .welcome {
        padding: 3.91vw 0 3.91vw;
    }
    .welcome::before {
        width: 62.81vw;
        height: 19.38vw;
        right: 0.89vw;
    }
    .welcome .wrapper {
        max-width: 75vw;
    }
    .welcome-left h3 {
        font-size: 1.15vw;
        line-height: 3.13vw;
    }
    .welcome-left h2 {
        font-size: 4.17vw;
        line-height: 4.69vw;
        margin: 0 0 0.57vw;
    }
    .welcome-left p {
        font-size: 1.15vw;
        line-height: 1.67vw;
        margin: 0 0 1.82vw;
    }
    .welcome-btn {
        font-size: 1.04vw;
        line-height: 1.46vw;
        padding: 0.63vw 1.3vw;
        border-radius: 3.13vw;
    }
    .page-template-page-home-april .demo-header-btn {
        font-size: 1.04vw;
        line-height: 1.46vw;
        padding: 0.63vw 1.3vw;
        border-radius: 3.13vw;
    }
    .welcome-right {
        margin-top: -5.21vw;
    }
    .welcome-right img {
        max-width: 30.36vw;
    }
    .welcome-logos {
        gap: 1.35vw;
    }
    .welcome-logos img {
        max-height: 3.28vw;
    }
    .logos-marquee {
        padding: 0 0 4.17vw;
    }
    .logos-marquee .wrapper {
        max-width: 75vw;
    }
    .logos-marquee h2 {
        font-size: 0.73vw;
        line-height: 1.46vw;
        margin: 0 0 1.77vw;
    }
    .marquee-swiper .swiper-slide img {
        max-height: 1.3vw;
    }
    .video-april {
        padding: 5.21vw 0;
    }
    .video-april video {
        max-width: 59.51vw;
    }
    .video-april .wrapper {
        max-width: 89.58vw;
    }
    .video-april h2 {
        font-size: 2.71vw;
        line-height: 3.13vw;
        margin: 0 0 3.23vw;
    }
    .video_numbers {
        margin: 0 0 0 2.19vw;
    }
    .video_numbers li:not(:last-child)::after {
        height: 9.42vw;
    }
    .video_numbers li {
        gap: 0.52vw;
    }
    .video_numbers span {
        width: 1.67vw;
        height: 1.67vw;
        margin-top: 0.52vw;
        font-size: 0.97vw;
        line-height: 1.67vw;
    }
    .video_text {
        margin: 0 0 0 1.11vw;
        width: 24.44vw;
        gap: 2.29vw;
    }
    .video_text p {
        font-size: 1.25vw;
        line-height: 1.81vw;
    }
    .video_numbers li:nth-child(2)::after {
        height: 9.42vw;
    }
    .how-it-works-steps {
        padding-bottom: 10.42vw;
    }
    .how-it-works-steps .wrapper {
        max-width: 75vw;
    }
    .how-it-works-steps h2 {
        font-size: 2.71vw;
        line-height: 3.13vw;
    }
    .how-it-works-layout {
        gap: 2.08vw;
    }
    .step-image img {
        border-radius: 0.63vw;
    }
    .how-it-works-steps-list {
        padding: 3.65vw 0vw 3.65vw 1.15vw;
        max-width: 25.73vw;
    }
    .step-item {
        font-size: 1.04vw;
        line-height: 1.46vw;
        padding: 1.77vw;
    }
    .step-item.active::before {
        left: -1.3vw;
        width: 0.26vw;
    }
    .step-item h3 {
        font-size: 1.04vw;
        line-height: 1.46vw;
    }
    .how-it-works-visual {
        min-height: 35.94vw;
    }
}

@media (max-width: 991px) {
    .page-template-page-home-april .resources-top h2 {
        font-size: 7.476635514vw;
        line-height: 9.1121495327vw;
        margin: 0 0 4.1666666667vw;
    }
    .page-template-page-home-april .resources-top {
        padding: 10.046728972vw 4.6728971963vw 4.6728971963vw;
    }
    .page-template-page-home-april .faq {
        padding: 2.4479166667vw 0 8.3854166667vw;
    }
    .page-template-page-home-april .site-main {
        padding-top: 0;
    }
    .welcome {
        padding: 25vw 0 14.02vw;
    }
    .welcome::before {
        width: 281.78vw;
        height: 86.92vw;
        right: 3.97vw;
        display: none;
    }
    .welcome .wrapper {
        max-width: 100%;
        flex-wrap: wrap;
    }
    .welcome-left h3 {
        font-size: 4.21vw;
        line-height: 6.07vw;
        margin: 0 0 3.74vw;
    }
    .welcome-left h2 {
        font-size: 9.35vw;
        line-height: 10.75vw;
        margin: 0 0 3.74vw;
    }
    .welcome-left p {
        font-size: 4.21vw;
        line-height: 6.07vw;
        margin: 0 0 7.24vw;
    }
    .welcome-btn {
        font-size: 4.67vw;
        line-height: 6.54vw;
        padding: 2.8vw 5.84vw;
        border-radius: 14.02vw;
    }
    .welcome-right {
        margin-top: 5.55vw;
    }
    .welcome-logos {
        gap: 5.61vw;
        margin-top: 2.34vw;
        justify-content: center;
    }
    .logos-marquee {
        padding: 4.67vw 0;
    }
    .logos-marquee .wrapper {
        max-width: 336.45vw;
    }
    .logos-marquee h2 {
        font-size: 3.27vw;
        line-height: 5.14vw;
        margin: 0 0 7.01vw;
    }
    .marquee-swiper .swiper-slide img {
        max-height: 5.84vw;
    }
    .video-april {
        padding: 16.36vw 0 23.36vw;
    }
    .video-april .wrapper {
        max-width: 279.67vw;
    }
    .video-april h2 {
        font-size: 7.48vw;
        line-height: 9.35vw;
        margin: 0 0 5.37vw;
    }
    .video-april video {
        max-width: 100%;
        margin-bottom: 6vw;
    }
    .video_numbers {
        margin: 0 4.17vw 0 0;
    }
    .video_numbers li:not(:last-child)::after {
        width: 0.28vw;
        height: 34.72vw;
    }
    .video_numbers li {
        gap: 2.78vw;
    }
    .video_numbers span {
        width: 6.67vw;
        height: 6.67vw;
        margin-top: 2.78vw;
        font-size: 3.89vw;
        line-height: 11.11vw;
    }
    .video_text {
        margin: 0;
        width: 87%;
        gap: 5.56vw;
    }
    .video_text p {
        font-size: 4.44vw;
        line-height: 6.67vw;
    }
    .video_numbers li:nth-child(2)::after {
        height: 34.72vw;
    }
    .how-it-works-steps {
        padding-bottom: 0;
    }
    .how-it-works-steps .wrapper {
        max-width: 336.45vw;
    }
    .how-it-works-steps h2 {
        font-size: 7.48vw;
        line-height: 9.81vw;
        margin-bottom: 7.24vw;
    }
    .how-it-works-layout {
        gap: 9.35vw;
    }
    .step-image img {
        border-radius: 2.8vw;
    }
    .how-it-works-steps-list {
        padding: 16.36vw 0vw 16.36vw 5.14vw;
        max-width: 115.42vw;
        display: none;
    }
    .step-item {
        font-size: 4.67vw;
        line-height: 6.54vw;
        padding: 9.35vw 0;
    }
    .step-item.active::before {
        left: -5.14vw;
        width: 1.17vw;
    }
    .step-item h3 {
        font-size: 4.67vw;
        line-height: 6.54vw;
    }
    .welcome .wrapper,
    .logos-marquee .wrapper,
    .video-april .wrapper,
    .how-it-works-steps .wrapper {
        padding-left: 7.01vw;
        padding-right: 7.01vw;
    }
    .welcome-left {
        width: 100%;
    }
    .welcome-logos img {
        height: 10.98vw;
        width: auto;
    }
    .step-image {
        display: block !important;
        position: inherit;
        margin-bottom: 14.25vw;
    }
    .how-it-works-visual {
        width: 100%;
    }
    .step-image-txt.mobile {
        display: block;
        color: #e0e2e5;
        font-size: 4.21vw;
        line-height: 6.07vw;
    }
    .step-image-txt.mobile h3 {
        margin: 0;
        font-weight: 600;
    }
    .step-image-txt.mobile p {
        margin: 0 0 5.61vw;
        padding-left: 5.14vw;
    }
}


/*14.04*/

.page-template-page-home-april .site-header--fixed {
    background: #001325;
}

.page-template-page-home-april .site-header .btn-login {
    right: 0;
    margin-left: auto;
    margin-right: 21px;
}

#gh-job-form textarea {
    display: block;
    width: 100%;
    color: #555;
    font-size: 15px;
    font-weight: 500;
    line-height: 125%;
    background: #e8eef6 !important;
    border-color: transparent;
    border-radius: 10px;
    height: 100px;
    box-sizing: border-box;
    padding: 0 25px;
    max-width: 390px;
}

.page-template-page-home-april #masthead:not(.site-header--fixed) {
    background-color: #001325;
    box-shadow: none;
}


/*28_04*/

.ribbon {
    color: #fff;
}

#book.demo-hero__left {
    width: auto;
}

#book.demo-hero__left.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) {
    background: none;
    padding: 0;
}

#book.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) input {
    border: 1px solid #E8EEF6;
    background: #E8EEF6;
    top: 0;
    border-radius: 30px;
    padding: 9px 30px;
}

#book.demo-hero__left.demo-form .hbspt-form .field.hs-fieldtype-checkbox>label:not(.hs-error-msg) {
    color: #5E5C59;
}

#book.demo-hero__left.demo-form .hbspt-form .field.hs-fieldtype-checkbox .hs-form-checkbox-display span {
    border-color: #1e548a;
    color: #1e548a;
}

#book.demo-form .hbspt-form .hs-richtext p {
    color: #5E5C59;
}

#book.demo-form .hbspt-form .field .inputs-list {
    list-style: none;
    color: #5E5C59;
}

#book.demo-form .hbspt-form .field .inputs-list.hs-error-msgs {
    list-style: none;
    color: #fff;
}

#book.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) label:not(.hs-error-msg) {
    top: 0;
    position: inherit;
    margin-bottom: 5px;
    display: block;
    left: 0;
}

#book.demo-form .hbspt-form .field.hs-fieldtype-checkbox .hs-form-checkbox-display input:checked+span {
    background: #2f86df;
    border-color: #2f86df;
    color: #fff;
}

#book .hs_lead_source.hs-lead_source.hs-fieldtype-select.field.hs-form-field {
    display: none !important;
}

#book .hs_lead_source_details.hs-lead_source_details.hs-fieldtype-text.field.hs-form-field {
    display: none !important;
}

#book .hs_utm_campaign.hs-utm_campaign.hs-fieldtype-text.field.hs-form-field {
    display: none !important;
}

#book .hs_utm_medium.hs-utm_medium.hs-fieldtype-text.field.hs-form-field {
    display: none !important;
}

#book .hs_utm_source.hs-utm_source.hs-fieldtype-text.field.hs-form-field {
    display: none !important;
}

#book.demo-form .hbspt-form {
    margin-bottom: 0;
}

@media (min-width: 992px) and (max-width: 1919px) {
    .demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) label:not(.hs-error-msg) {
        top: -0.73vw;
        font-size: 0.94vw;
        line-height: 1.56vw;
        letter-spacing: 0.01vw;
        left: 1.56vw;
    }
    .demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) {
        border-radius: 1.56vw;
        margin-bottom: 0.52vw;
        padding: 0.47vw 1.56vw;
    }
    .demo-form .hbspt-form .field.hs-fieldtype-checkbox {
        margin: 1.88vw 0;
    }
    .demo-form .hbspt-form .field.hs-fieldtype-checkbox>label:not(.hs-error-msg) {
        font-size: 0.94vw;
        line-height: 1.56vw;
        letter-spacing: 0.01vw;
    }
    .demo-form .hbspt-form .field.hs-fieldtype-checkbox .hs-form-checkbox-display span {
        font-weight: 400;
        padding: 0vw 1.04vw;
        border-radius: 1.15vw;
        font-size: 0.94vw;
        line-height: 2.03vw;
    }
    .demo-form .hbspt-form .hs_submit.hs-submit .hs-button.primary.large {
        border-radius: 3.13vw;
        height: 3.54vw;
        font-size: 1.04vw;
        font-weight: 700;
        line-height: 1.46vw;
        letter-spacing: 0.01vw;
    }
    .demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) input {
        font-size: 0.89vw;
        line-height: 1.56vw;
        letter-spacing: 0.01vw;
        top: 0.42vw;
    }
    #book.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) label:not(.hs-error-msg) {
        top: 0;
        margin-bottom: 0.26vw;
    }
    #book.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) input {
        border-radius: 1.56vw;
        padding: 0.47vw 1.56vw;
    }
}

@media (max-width: 991px) {
    #book.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) input {
        padding: 5px 15px;
    }
    #book.demo-form .hbspt-form .field:not(.hs-fieldtype-checkbox):not(.hs-fieldtype-booleancheckbox) label:not(.hs-error-msg) {
        font-size: 13px;
        margin-bottom: 0;
    }
}

.page-template-page-home-april .ribbon {
    top: 0;
    width: 100%;
    z-index: 999;
    background: #1C3B56;
    height: auto;
    display: block;
}

.page-template-page-home-april .ribbon:before {
    border-radius: 0;
    background: #1C3B56;
    display: none;
}

.page-template-page-home-april .ribbon .swiper {
    padding: 0;
}

.page-template-page-home-april #page:has(.ribbon) .site-header:not(.site-header--fixed) {
    padding-top: 103px;
}

.page-template-page-home-april #page:has(.ribbon) .site-main {
    padding-top: 178px;
}

@media (min-width: 992px) and (max-width: 1440px) {
    .page-template-page-home-april #page:has(.ribbon) .site-header:not(.site-header--fixed) {
        padding-top: 5.36vw;
    }
    .page-template-page-home-april #page:has(.ribbon) .site-main {
        padding-top: 9.27vw;
    }
}

@media (max-width: 991px) {
    .page-template-page-home-april .ribbon {
        padding: 3vw 1vw;
    }
    .page-template-page-home-april #page:has(.ribbon) .site-header:not(.site-header--fixed) {
        padding-top: 18vw;
    }
    .page-template-page-home-april #page:has(.ribbon) .site-main {
        padding-top: 0;
    }
    .page-template-page-home-april .ribbon-close::after {
        background-color: #1c3b56;
        content: '';
        width: 11vw;
        height: 11vw;
        position: absolute;
        z-index: -1;
        background-image: url(../images/icon-close-white.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 2vw;
    }
    .page-template-page-home-april .ribbon-close {
        right: 15px;
        background-image: none;
    }
    .page-template-page-home-april .ribbon-text {
        padding-right: 11vw;
    }
}

.page-template-page-home-april .ribbon-text p {
    text-overflow: inherit;
}

body .ot-floating-button__front {
    background-color: #4167d1 !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5Ljk5IDExLjM4YTUuOTkyIDUuOTkyIDAgMCAxLTUuOTgtNS45OEE5LjAxIDkuMDEgMCAxIDAgMjEgMTNhNS4wMDEgNS4wMDEgMCAwIDEtMS4wMS0xLjYyeiBNMTAgOGExIDEgMCAxIDEgMC0yIDEgMSAwIDAgMSAwIDJ6bS0zIDVhMSAxIDAgMSAxIDAtMiAxIDEgMCAwIDEgMCAyem0yIDRhMSAxIDAgMSAxIDAtMiAxIDEgMCAwIDEgMCAyem01LTNhMSAxIDAgMSAxIDAtMiAxIDEgMCAwIDEgMCAyeiIvPjwvc3ZnPg==") !important;
    background-position: center 8px !important;
    background-size: 30px !important;
}