@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans:wght@300&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
    font-family: "Poppins", sans-serif !important;
    margin: 0 !important;
}

html {
    margin: 0 !important;
}

.container {
    max-width: 1240px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.modal {
    background-color: rgb(0 0 0 / 72%) !important;
}

.modal-content {
    width: 40% !important;
    margin: auto;
    margin-top: 196px;
    padding: 30px;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.right-clm video {
    width: 100% !important;
}

.hero-section {
    background-color: #605dba;
    color: white;
    padding-top: 100px;
    padding-bottom: 250px;
    text-align: center;
}

.hero-section h1 {
    font-size: 45px;
    font-weight: 700;
}

.hero-section button {
    margin-right: 20px;
}

.hero-section p {
    margin-top: 20px;
}

p {
    font-size: 18px;
    line-height: 32px;
}

.video-section {}

.video-section .video-container {
    text-align: center;
}

.video-section .video-container video {
    width: 976px;
    display: none;
    margin-top: 40px;
    border-radius: 10px;
    cursor: pointer;
}

.common-div {
    margin-top: -190px;
    border-radius: 10px;
    padding: 20px;
    width: 1095px;
    background-image: url("./assets/images/wave.svg") !important;
    background-size: cover;
    margin-left: auto !important;
    margin-right: auto !important;
}

button {
    background: #605dba;
    color: white;
    border: 0;
    border-radius: 8px;
    padding: 15px 40px;
    cursor: pointer;
    font-weight: 800;
}

button:focus {
    outline: none !important;
}

.img-demo {
    width: 976px;
    border-radius: 10px;
    margin-top: 40px;
    cursor: pointer;
}

.btn_subscribe.transparent {
    background-color: transparent;
    border: 1px solid white;
    margin-top: 20px;
}

.btn_subscribe.white:hover {
    color: white;
}

.btn_subscribe.white-with-border:hover {
    color: white;
}

.btn_subscribe.white-with-border {
    border: 1px solid #605dba !important;
    background-color: white;
    color: #605dba;
    transition: 0.5s;
}

.btn_subscribe.white {
    background-color: white;
    border: 1px solid white;
    margin-top: 20px;
    color: #605dba;
}

.img-button {
    border: none;
}

.btn_subscribe {
    background-color: #605dba;
    color: white;
    border: 0;
    border-radius: 8px;
    padding: 15px 40px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 800;
}

.let-start {
    margin-top: 15px;
}

.btn_subscribe:hover {
    background-color: #7976d7;
    transition: 0.5s;
}

.navbar {
    align-items: center;
}

.navbar-nav {
    align-items: center;
}

.navbar-brand img {
    width: 200px;
}

h1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.5;
}

.integration-section {
    padding: 90px 0;
    background: rgba(96, 93, 186, 0.10);
    margin: 50px 0;
}

.integration-section .d-flex {
    justify-content: space-between;
}

h2 {
    font-weight: 600;
    color: #0c0c0cc7;
    font-size: 40px;
}

.integration-section h2 {
    margin-bottom: 40px;
}

.features-qa .text-section {
    font-size: 25px;
}

.features-qa {
    margin-top: 80px !important;
}

.features-qa h1 {
    color: #605dba;
    font-weight: 800;
}

.features-qa h2 {
    margin-bottom: 20px;
}

.bitbucket {
    width: 70px;
}

.features-qa .d-flex {
    gap: 15px;
}

.features-qa .d-flex .left-block {
    width: calc(50% - 30px);
}

.features-qa .d-flex .right-block video {
    width: 100% !important;
}

ul {
    list-style: none !important;
    position: relative;
}

.features-qa ul li {
    font-size: 18px;
    line-height: 40px;
}

.features-qa .d-flex {
    padding: 80px 0;
}

.features-qa ul li:before {
    content: url("./assets/images/icons/right-click.svg");
    width: 40px;
    position: absolute;
    height: 40px;
    left: 0;
    margin-top: 3px;
}

.play-button .pause {
    display: none;
}

.img-class .pause {
    display: block;
}

.img-class .play {
    display: none;
}

.play-button {
    position: absolute;
    background: transparent;
    border: none;
    top: 137px;
    cursor: pointer;
    right: 257px;
}

.features-qa .d-flex .right-block {
    width: 50%;
    position: relative;
}

.call-to-action {
    margin-bottom: 80px;
    margin-top: 50px;
}

.orange .cta {
    background-color: #FEC58F !important;
    color: black !important;
}

.orange .cta h2 {
    color: rgba(0, 0, 0, 0.91) !important;
}

.orange .cta button {
    background-color: white;
    color: black;
    font-weight: 500;
}

.call-to-action .cta:after {
    content: url("./assets/images/robot.svg");
    width: 200px;
    position: absolute;
    right: 40px;
    bottom: 62px;
}

.call-to-action .cta {
    position: relative;
}

.call-to-action .cta .d-flex {
    gap: 30px;
}

.call-to-action .cta {
    background-color: #605dba;
    color: white !important;
    padding: 45px;
    border-radius: 10px;
}
.call-to-action h2{
    color: white !important;
}
.img-cta {
    position: absolute;
    right: 0;
    bottom: 0;
    @media screen and (max-width: 991px){
        display: none;
    }
}

.call-to-action .cta h2 {
    color: white;
}

.our-blog .d-flex {
    gap: 40px;
    margin-top: 40px;
}

.first-div {
    width: calc(33.33% - 40px);
    margin-bottom: 30px;
    border-radius: 8px;
}

.first-div .date {
    color: #9f9f9f;
    font-size: 16px;
}

.first-div h4 {
    color: black;
    font-weight: 600;
    margin-top: 20px;
    font-family: sans-serif !important;
}

.first-div img {
    width: 100%;
}

.terms {
    margin-left: 20px;
}

footer .d-flex {
    gap: 155px;
    padding-bottom: 30px;
    /*border-bottom: 1px solid white;*/
    justify-content: normal;

}

footer a {
    color: white;
    text-decoration: underline;
}

footer p {
    color: white;
}

footer {
    padding: 50px;
    color: white;
    background: #231971;
}

footer .soc2-footer{
    /*margin-top: -15px;*/
}

.cmn-details h6 {
    font-weight: 700;
}

.cmn-details h6 {
    font-size: 14px;
}

.cmn-details p {
    margin-bottom: 5px;
    font-size: 20px;
}

.cmn-details p a {
    text-decoration: none;
    font-size: 14px;
}

.cmn-details p a:hover {
    color: #605dba;
}

.policy-bottom {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.policy{
    p{
        font-size: 20px;
    }
}

.policy-right img {
    width: 40px;
    border-radius: 50% !important;
}

.policy-right {
    margin-left: auto;
}

.social {
    border-bottom: 0 !important;
    gap: 30px !important;
    justify-content: right;
    padding-bottom: 0 !important;
}

.yt {
    width: 40px !important;
}

.text-center {
    text-align: center;
}


/*security page css start*/

.policy-page p {
    line-height: 34px;
    margin-bottom: 30px;
}

.policy-page {
    margin-bottom: 80px;
}

.policy-page .text-center h2 {
    padding: 80px 0;
    margin-top: 0 !important;
    margin-bottom: 60px !important;
    font-size: 45px;
    background: #6f38bd1c;
}

.policy-page h5 {
    font-weight: 700;
}

.policy-page h4 {
    font-weight: 700;
    margin-top: 30px;
}

.policy-page .blog-sec .d-flex {
    gap: 40px;
}

.policy-page .main-blk .left-blk .sidebar {
    position: sticky !important;
    top: 120px !important;
}

.policy-page .main-blk .right-blk ul {
    position: relative;
}

.policy-page .main-blk .right-blk ul li {
    line-height: 35px;
    font-size: 18px;
}

.policy-page .main-blk .right-blk ul li:after {
    content: url("./assets/images/icons/right-click.svg");
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    margin-top: 4px;
}

.blog-page-context h3 {
    font-size: 22px;
}

.blog-page-context h2 {
    font-size: 33px;
}

.blog-page-context .blog_inner {
    margin-top: 50px;
    display: flex;
    gap: 50px;
}

.blog-page-context .cta:after {
    display: none;
}

.call-to-action .container {
    width: 100%;
}

.blog-in-deep .right-block-cta .inside-cta button {
    width: 100%;
}

.blog-in-deep .right-block-cta .inside-cta h2 {
    color: white;
    font-size: 28px;
}

.blog-in-deep .right-block-cta .inside-cta {
    position: -webkit-sticky;
    margin-top: 60px;
    position: sticky;
    background: #605dbac4;
    padding: 20px;
    color: white;
    top: 120px;
    border-radius: 4px;
}

.blog-in-deep .right-block-cta {
    width: calc(25% - 40px);
}

.blog-in-deep {
    gap: 40px;
}

.post-content video {
    width: 100% !important;
}

.post-content {
    margin-top: 50px;
}

#rank-math-toc {
    display: none;
}

.post-content p {
    margin-bottom: 20px !important;
}

.wp-block-rank-math-faq-block {
    background: #6f38bd14;
    border-radius: 8px;
    padding: 30px;
}

#frequently-asked-question {
    margin-top: 50px !important;
}

.rank-math-faq-item:first-child {
    padding-top: 0;
}

.rank-math-faq-item {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 2px solid white;
}

.rank-math-question {
    font-size: 20px;
}

.blog-page-context .blog_inner .right-clm {
    width: 50%;
}

.blog-page-context .blog_inner .left-clm {
    width: calc(50% - 50px);
}

.blog-page-context .blog_inner .left-clm img {
    width: 100%;
    border-radius: 8px;
}

.blog-page-context .blog_inner .right-clm h3 {
    font-size: 40px;
    font-weight: 700;
}

.blog-page-context .main-blk {
    max-width: 1200px;
    margin: auto;
    width: 70%;
    ul{
        li{
            font-size: 18px !important;
        }
    }
}

@media screen and (max-width: 991px){
    .blog-page-context .main-blk {
        width: 100% ;
    }
}

.blog-page-context .main-blk p {
    line-height: 34px;
    margin-bottom: 30px;
}

.blog-page-context .submit {
    background: #605dba;
    color: white;
    border: 0;
    border-radius: 8px;
    padding: 15px 40px;
    cursor: pointer;
    font-weight: 800;
}

.blog-page .call-to-action .cta:after {
    display: none;
}

.blog-page .main-blk .left-blk ul li a:hover {
    color: black;
}

.blog-page .main-blk .left-blk ul li a {
    display: block !important;
    margin: 15px 0;
    color: black;
}

.policy-page .blog-sec .d-flex .left-blk {
    width: calc(30% - 40px)
}

.policy-page .blog-sec .d-flex .right-blk {
    width: 66%
}

.read-more {
    color: #605dba;
    font-weight: 600;
}


/*integration page css start*/

.integration-page .hero-section-integration {
    padding: 80px 0;
}

.integration-page .hero-section-integration .d-flex {
    gap: 50px;
}

.integration-page .hero-section-integration .d-flex .left-clm button {
    margin-top: 10px;
}

.integration-page .hero-section-integration .d-flex .left-clm p {
    margin: 20px 0;
}

.integration-page .hero-section-integration .d-flex .left-clm {
    width: 50%;
}

.integration-page .hero-section-integration .d-flex .right-clm iframe {
    border-radius: 8px;
}

.integration-page .hero-section-integration .d-flex .right-clm {
    width: calc(50% - 50px);
}

.browser-support {
    text-align: center;
    margin: 40px 0;
}

.browser-support h2 {}

.browser-support img {
    width: 70%;
    border-radius: 8px;
    margin-top: 30px;
}

.all-integration {
    background: #6f38bd0d;
    padding: 80px 0;
}

.all-integration .d-flex {
    gap: 30px;
}

.all-integration .integration-block p {
    color: #707070;
    font-size: .875rem;
    line-height: 1.6rem;
}

.all-integration .integration-block h5 {
    font-weight: 800;
    font-size: 23px;
    margin: 20px 0;
}

.all-integration .integration-block:hover {
    box-shadow: 0 6px 6px -4px rgba(0, 0, 0, .251);
    cursor: pointer;
}

.all-integration .integration-block img {
    width: 40px;
}

.all-integration .integration-block {
    width: calc(33.33% - 30px);
    background: white;
    border-radius: 8px;
    transition: 0.5s;
    padding: 30px;
}


/*features page*/

.product-menu {
    border-radius: 4px !important;
    padding: 0 !important;
}

.product {
    width: 716px;
    margin-left: -277px;
}

.product-menu .d-flex {
    gap: 30px;
}

.product-menu .d-flex .left-menu {
    padding: 15px !important;
    width: 35%;
    background-color: rgb(96 93 186 / 7%);
}

.product-menu .d-flex .right-menu {
    width: calc(65% - 30px);
    padding: 27px 10px 10px 10px !important;
}

.product-menu .d-flex .right-menu button {
    width: 100%;
}

.product-menu .d-flex .right-menu .d-flex {
    gap: 30px;
}

.product-menu .d-flex .right-menu .d-flex a {
    width: calc(50% - 30px);
    margin-bottom: 15px;
    padding: 5px;
    border-radius: 4px;
}

.product-menu .d-flex .right-menu .d-flex a:hover {
    text-decoration: none;
    background-color: rgba(128, 125, 213, 0.06);
}

.product-menu .d-flex .right-menu .d-flex a:hover h5 {
    font-weight: 600;
}

.product-menu .d-flex .right-menu .d-flex .inner-left h5 {
    font-size: 16px;
    color: #605dba;
    font-weight: 550;
    margin-bottom: 4px;
}

.product-menu .d-flex .right-menu .d-flex .inner-left p {
    font-size: 13px;
    color: grey;
    line-height: 20px;
}

.blog-menu {
    width: fit-content!important;
    padding: 15px !important;
}

.menu-flex .dropdown-item img {
    width: 28px;
}

.menu-flex .dropdown-item:hover {
    background: transparent;
}

.menu-flex .dropdown-item {
    width: fit-content;
    padding: 0;
}

.menu-flex p {
    font-size: 13px;
    line-height: normal;
    margin-bottom: 0;
    color: grey;
}

.menu-flex h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}

.menu-flex:hover {
    background: #6f38bd26;
    cursor: pointer;
}

.menu-flex:last-child {
    margin-bottom: 0 !important;
}

.menu-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
    padding: 13px;
    margin-top: -10px;
    border-radius: 8px;
    transition: 0.5s;
}

.features-section {
    position: relative;
}

.features-section .sticky-heading {
    position: sticky;
    top: 90px;
    padding: 20px;
    background: white;
    z-index: 1;
}

.features-inner {
    margin-bottom: 40px;
    gap: 50px;
}

.features-inner .left-block h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.toggle-features {
    padding: 10px 18px;
    background-image: linear-gradient(to right, rgb(188 141 255 / 38%), rgb(146 96 217 / 15%), white);
    border-radius: 4px;
    font-weight: 600;
    font-size: 17px;
    color: #662576;
    margin-bottom: 15px;
}

.features-inner .left-block {
    width: 50%;
}

.features-inner .right-block img {
    width: 100%;
}

.features-inner .right-block {
    width: calc(50% - 50px);
}

.features-inner {
    padding: 50px 0;
    gap: 40px;
}

.features-section .cta {
    background-color: #a8a8c5;
}

.features-section {
    margin: 80px 0;
}

.right-clm img {
    width: 100%;
}

.hero-section-integration {
    padding: 25px 0 !important;
}

.hero-section-integration .d-flex {
    align-items: center;
}

.new_hero-section {
    padding: 60px 0;
}

.new_hero-section .d-flex {
    gap: 45px;
    align-items: center;
}

.new_hero-section .d-flex .left-block h1 span {
    color: #605dba;
}

.new_hero-section .d-flex .left-block {
    width: calc(50% - 45px);
}

.new_hero-section .d-flex .right-block img {
    width: 78%;
    float: right;
    cursor: pointer;
}

.new_hero-section .d-flex .right-block {
    width: 50%;
}

.slider-client {
    padding: 50px 0;
}

.marquee {
    overflow: hidden;
}

.contextqa-marquee-content {
    display: flex;
    align-items: center !important;
    animation: scrolling 40s linear infinite;
    @media screen and (max-width: 768px) {
        animation: scrolling 50s linear infinite;
    }
}

.right-block video {
    width: 100%;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active,
.accordion:hover {
    /*background-color: #ccc;*/
}

.accordion:after {
    content: '\002B';
    color: #605dba;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 27px;
    line-height: 20px;
}

.how-work-ui {
    padding: 80px 0;
}

.accordion-section {
    margin-top: 40px;
}

.accordion-section button {
    background-color: #605dba21;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: 0.5s;
    margin-bottom: 8px;
}

.accordion-section button.active {
    margin-bottom: 0;
}

.accordion-section button:hover {
    background-color: rgba(96, 93, 186, 0.15);
    border: 1px solid #605dba;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 5px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    border: 1px solid rgba(96, 93, 186, 0.15);
    border-top: none;
    margin-bottom: 20px;
    transition: max-height 0.2s ease-out;
}

.panel p {
    margin-top: 5px;
    font-size: 18px;
}

.marquee-item {
    flex: 0 0 8vw;
    margin: 0 1vw;
}

.how-contextqa {
    background-color: rgba(96, 93, 186, 0.06);
    padding: 80px 0;
}

.how-contextqa .card-how-contextqa {
    gap: 40px;
    margin-top: 30px;
}

.how-contextqa .about-us-card .contextqa-card {
    width: calc(50% - 40px) !important;
}

.how-contextqa .card-how-contextqa .contextqa-card {
    width: calc(33.33% - 40px);
    padding: 30px;
    background-color: white;
    border-radius: 4px;
}

.how-contextqa .card-how-contextqa .contextqa-card img {
    width: 65px !important;
    margin-bottom: 15px !important;
}

.how-contextqa .card-how-contextqa .contextqa-card {
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    border: 1px solid transparent;
    transition: 0.5s;
    text-align: center;
}

.how-contextqa .card-how-contextqa .contextqa-card:hover {
    border: 1px solid rgba(96, 93, 186, 0.44);
}

.how-contextqa .card-how-contextqa .contextqa-card h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
}

.how-contextqa .card-how-contextqa .contextqa-card p {
    color: grey;
    font-size: 16px;
]
}

@media screen and (max-width: 768px) {
    .marquee-item {
        flex: 0 0 23vw;
        margin: 0 3vw;
    }
}

.marquee-item img {
    display: block;
    width: 120px !important;
}

.marquee-item img.pipeline {
    width: 80px !important;
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translatex(-124vw);
    }
}

.why-context {
    padding: 80px 0;
    background-color: rgba(96, 93, 186, 0.06);
}

.why-context .d-flex {
    gap: 40px;
    flex-wrap: wrap;
}

.why-context .block-test {
    width: calc(33.33% - 40px);
    margin-top: 30px;
}

.why-context .block h3 {
    font-weight: 600 !important;
    font-size: 22px;
}

.why-context .block {
    /*box-shadow: 0 2px 4px rgb(0 0 0 / 10%);*/
    border: 1px solid transparent;
    transition: 0.5s;
    padding: 34px;
    text-align: center;
    /*background-color: white;*/
    flex-shrink: 1 !important;
    flex-grow: 1 !important;
    color: #5c5aa1ed;
    border-radius: 4px;
}

.why-context .block .icon {
    margin-bottom: 8px;
}

h3 {
    line-height: 42px;
}

.case-studies {
    background-color: white;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0px 1px 8px 3px rgb(0 0 0 / 10%);
}

.case-studies .toggle-features1 {
    padding: 0;
    margin-bottom: 15px;
    font-weight: 600;
    color: #605dba;
    background-color: transparent;
    border-radius: 4px;
    width: fit-content;
}

h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}


/* slider */

.slider-contextqa {
    padding: 80px 0;
    margin-bottom: 80px;
    position: relative;
    background-color: #f5ecfa;
}

.slider-contextqa .container {
    position: relative;
}

.slideshow-container {
    position: relative;
    background: transparent;
    margin-top: 30px;
}

.mySlides {
    display: none;
    padding: 0 70px;
    position: relative;
    text-align: center;
}

.in-myslider {
    background-color: white;
    padding: 42px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    width: 1003px;
    margin: auto;
}

.mySlides p {
    font-size: 18px;
}

.mySlides img {
    width: 200px !important;
    margin-bottom: 30px;
}

.mySlides .author {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.mySlides .author-dec {
    font-size: 16px;
    color: rgba(128, 128, 128, 0.98);
    margin-top: 0;
}

.prev-home {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: #605dba !important;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.next-home {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: #605dba !important;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    right: 0 !important;
}

.prev-home:hover,
.next-home:hover {
    background-color: #605dba30 !important;
}

.next-home {
    position: absolute;
    right: 17px !important;
    border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
}

.dot-container {
    text-align: center;
    padding: 20px;
    background: transparent;
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: rgba(96, 93, 186, 0.29);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .dot:hover {
    background-color: #605dba;
}

.integration-section-home {
    padding: 80px 0;
    background-color: #6f38bd12;
    text-align: center;
}

.integration-section-home img {
    margin-top: 30px;
    width: 100%;
}

.our-blog .d-flex .first-div {
    background-color: white;
    border-radius: 4px;
    padding: 30px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    border: 1px solid #ffffff;
    transition: 0.5s;
}

.our-blog .d-flex .first-div:hover {
    border: 1px solid rgba(96, 93, 186, 0.24);
    /*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);*/
    box-shadow: 0 32px 32px -12px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.features-hero {
    padding-top: 50px;
}

.solution-menu .mr-bottom .menu-flex {
    margin-bottom: 20px !important;
    width: calc(50% - 30px) !important;
}

.solution-menu .menu-flex {
    margin-bottom: 0 !important;
}

.solution-menu {
    width: 600px !important;
    padding: 20px 10px 10px 10px !important;
}

.challenge-screen {
    background-color: #6366f14d;
    padding: 80px 0;
    &.who-we-are{
        background-color: #6366f14d;
    }
}

.challenge-screen .challenge-in .d-flex {
    display: flex;
    gap: 40px;
}

.challenge-screen .challenge-in .d-flex .left-block {
    width: 30%;
}

@media screen and (max-width: 991px) {
    .challenge-screen .challenge-in .d-flex .left-block {
        width: 100%;
    }
    .challenge-screen .challenge-in .d-flex .right-block {
        width: 100%;
    }
    .challenge-screen .challenge-in .d-flex .right-block .d-flex .challenge-card {
        width: 100% !important;
    }
}

.challenge-screen .challenge-in .d-flex .right-block {
    width: calc(70% - 40px);
}

.challenge-screen .challenge-in .d-flex .right-block .d-flex {
    display: flex;
    gap: 10px;
}

.challenge-screen .challenge-in .d-flex .right-block .d-flex .challenge-card h4 {
    font-size: 18px;
    font-weight: 700;
}

.challenge-screen .challenge-in .d-flex .right-block .d-flex .challenge-card p {
    font-size: 14px;
    line-height: 25px;
    color: #484848;
}

.challenge-screen .challenge-in .d-flex .right-block .d-flex .challenge-card {
    width: calc(50% - 10px);
    background-color: white;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    transition: 0.5s;
}

.challenge-screen .challenge-in .d-flex .right-block .d-flex .challenge-card:hover {
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}

.benefit {
    padding: 80px 0;
}

.benefit .d-flex {
    gap: 40px;
    align-items: center;
}

.benefit .d-flex .right-block img {
    width: 90%;
    float: right;
}

.benefit .d-flex .left-block .benefit-points p {
    position: relative;
    padding-left: 25px;
}

.benefit .d-flex .left-block .benefit-points p:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
    top: 9px;
    border-radius: 50%;
    background-color: rgba(96, 93, 186, 0.84);
}

.benefit .d-flex .left-block {
    width: 50%;
}

.benefit .d-flex .right-block {
    width: calc(50% - 40px);
}

.trusted-company {
    margin: 100px 0;
}

.trusted-company h3 {
    margin-bottom: 20px;
    font-weight: 700;
    color: #605dba;
}

.trusted-company .d-flex {
    justify-content: space-between;
}

.trusted-company .d-flex img {
    width: 170px;
    margin-top: 20px;
}

.who-we-are .d-flex {
    gap: 40px;
    align-items: center;
}

.who-we-are .d-flex .right-block {
    width: 50%;
}

.who-we-are .d-flex .left-block h2 {
    margin-bottom: 20px;
}

.who-we-are .d-flex .left-block p {
    margin-bottom: 20px;
}

.who-we-are .d-flex .left-block {
    width: calc(50% - 40px);
}


/*responsive start*/

@media screen and (max-width: 1112px) {
    .common-div {
        width: 100% !important;
    }
}

@media screen and (max-width: 1026px) {
    .img-demo {
        width: 100% !important;
        margin-top: 10px !important;
    }
    video {
        width: 100% !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 991px) {
    .d-flex {
        display: block !important;
        padding: 20px 0 !important;
    }
    .policy-page .blog-sec .d-flex .left-blk {
        display: none;
    }
    .policy-page .blog-sec .d-flex .right-blk {
        width: 100% !important;
    }
    .first-div {
        width: 100% !important;
    }
    .social {
        display: flex !important;
        justify-content: left !important;
    }
    .cmn-details {
        width: 100% !important;
        color: white !important;
    }
    .btn_subscribe {
        width: 100% !important;
    }
    .right-block video {
        margin-top: 40px !important;
    }
    .d-flex .left-block {
        width: 100% !important;
    }
    .d-flex .right-block {
        width: 100% !important;
    }
    .play-button {
        top: 276px;
        cursor: pointer;
        right: 421px;
    }
    .let-start {
        width: 100%;
    }
    .hero-section {
        padding-top: 46px;
    }
    .cta:after {
        display: none;
    }
    .btn_subscribe {
        width: 100%;
    }
    footer {
        padding: 15px !important;
    }
    .our-blog .d-flex {
        display: block !important;
    }
    .our-blog .d-flex .first-div {
        width: 100%!important;
    }
    .blog-page-context .blog_inner .right-clm {
        width: 100%;
    }
    .blog-page-context .blog_inner .left-clm {
        width: 100%;
    }
    .blog-page-context .main-blk {
        max-width: 100%;
    }
    .blog-in-deep .right-block-cta {}
    .blog-in-deep .right-block-cta {
        width: 100%;
    }
    #comment {
        width: 100%;
    }
    .product-menu {
        width: 100% !important;
    }
    .blog-menu {
        width: 100% !important;
    }
    iframe {
        width: 100%;
    }
    .left-clm button {
        width: 100%;
    }
    .left-clm {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .right-clm {
        width: 100% !important;
    }
    .hero-section-integration {
        padding: 20px 0 !important;
    }
    .all-integration .integration-block {
        width: 100%;
        margin-bottom: 20px;
    }
    .new_hero-section {
        padding: 30px 0 !important;
    }
    .new_hero-section button {
        margin-bottom: 20px;
    }
    .slider-client {
        padding: 30px 0 !important;
    }
    .why-context {
        padding: 30px 0 !important;
    }
    .why-context .block {
        width: 100%;
        margin-top: 30px;
    }
    .features-section {
        margin: 0 !important;
    }
    .features-section .features-inner img {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .mySlides {
        padding: 50px;
    }
    .mySlides img {
        position: relative;
        bottom: 0;
        width: 100%;
        right: 0;
        left: 0;
    }
    .integration-section-home {
        padding: 40px 0;
    }
    .cmn-details h6 {
        margin-top: 20px;
    }
    .mySlides {
        padding: 0 !important;
    }
    .in-myslider {
        width: 100%;
    }
    .product-menu .d-flex .right-menu {
        width: 100%;
    }
    .product-menu .d-flex .left-menu {
        width: 100%;
    }
    .product {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .navbar-nav li {
        width: 100%;
        background-color: transparent !important;
    }
    .navbar-nav .dropdown-toggle {
        background-color: transparent !important;
    }
    .how-contextqa .card-how-contextqa .contextqa-card {
        width: 100%;
    }
    .how-contextqa .about-us-card .contextqa-card {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 636px) {
    .play-button {
        top: 197px;
        cursor: pointer;
        right: 217px;
    }
}

@media screen and (max-width: 540px) {
    .play-button {
        top: 145px;
        cursor: pointer;
        right: 189px;
    }
}

@media screen and (max-width: 414px) {
    .play-button {
        top: 104px;
        cursor: pointer;
        right: 119px;
    }
}

@media screen and (max-width: 391px) {
    .play-button {
        top: 104px;
        cursor: pointer;
        right: 99px;
    }
}

.industories-solution {
    color: #6f38bd !important;
    padding-left: 14px !important;
    font-weight: 500;
}

.pagination-blog {
    padding: 50px 0;
    margin-bottom: 20px;
    text-align: center;
}

.pagination-blog .prev {}

.pagination-blog .prev,
.pagination-blog .next,
.pagination-blog .page-numbers {
    padding: 6px 13px;
    border-radius: 4px;
    color: #605dba !important;
    font-weight: bold;
    font-size: 18px;
}

.page-numbers:hover {
    background-color: #605dba30 !important;
    text-decoration: none;
}

.page-numbers.current {
    background-color: #605dba;
    color: white !important;
}

.useful_resource {
    margin: 80px 0;
}


/*get a demo page css*/

.get-a-demo-page {
    padding: 80px 0;
}

.get-a-demo-page .d-flex {
    gap: 40px;
}

.get-a-demo-page .d-flex .left-clm {
    width: 50%;
}

.get-a-demo-page .d-flex .right-clm {
    width: calc(50% - 40px);
}

.get-a-demo-page .d-flex .right-clm .demo-form {
    background-color: rgba(207, 205, 241, 0.22);
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
    border: 1px solid #b3b2e5;
}

.get-a-demo-trust {
    margin-top: 20px !important;
}

.get-a-demo-page .d-flex .right-clm .demo-form h2 {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
}

.get-a-demo-page .d-flex .right-clm .demo-form form .in-form {
    display: flex;
    gap: 15px;
}

.get-a-demo-page .d-flex .right-clm .demo-form form .in-form div {
    width: calc(50% - 15px);
    &:last-child {
        width: 50%;
    }
}

.get-a-demo-page .d-flex .right-clm .demo-form form button {
    width: 100%;
}

.get-a-demo-page .d-flex .right-clm .demo-form form .in-form div input:focus,
.get-a-demo-page .d-flex .right-clm .demo-form form .in-form div select:focus {
    outline: none;
}

.get-a-demo-page .d-flex .right-clm .demo-form form .in-form div input.error-border {
    border: 1px solid red;
}

.get-a-demo-page .d-flex .right-clm .demo-form form .in-form div input,
.get-a-demo-page .d-flex .right-clm .demo-form form .in-form div select {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #b3b2e5;
    margin-bottom: 20px;
    background-color: white;
}

.get-demo-contextqa .card-how-contextqa {
    gap: 20px;
}

.get-demo-contextqa .card-how-contextqa .contextqa-card img {
    margin-bottom: 0 !important;
    width: 50px !important;
}

.get-demo-contextqa .card-how-contextqa .contextqa-card p {
    line-height: 27px;
}

.get-demo-contextqa .card-how-contextqa .contextqa-card h4 {
    margin-bottom: 5px;
}

.get-demo-contextqa .card-how-contextqa .contextqa-card {
    width: calc(25% - 15px) !important;
    padding: 20px;
}

.terms-policy-demo a {
    color: grey;
    text-decoration: underline;
}

.terms-policy-demo {
    margin-top: 20px;
    font-size: 14px;
    color: grey;
    text-align: center;
    line-height: 25px;
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    .get-demo-contextqa .card-how-contextqa .contextqa-card {
        width: 100% !important;
    }
}

.error-border {
    border: 1px solid red;
}

.error-message {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

.contact-us-demo ul {
    margin-left: 0;
    padding-left: 0;
}

.contact-us-demo ul li {
    position: relative;
    padding-left: 30px;
    line-height: 35px;
}

.contact-us-demo ul li::after {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 10px;
    border-radius: 50%;
    background-color: #605dba;
    content: '';
    left: 0;
}

.contact-us-demo h4 {
    font-weight: 600;
    color: #404040;
    margin-top: 30px;
}

.hbspt-form .hs-form-private {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.hs-button {
    width: 100% !important;
    background-color: #0a4b78 !important;
}

.hbspt-form .field {
    width: calc(50% - 20px) !important;
    /*background-color: red !important;*/
    /*padding: 40px;*/
}

.why-context-table h1,
.why-context-table p {
    text-align: center;
    margin-bottom: 30px;
}

.why-context-table table tr td {
    padding: 15px !important;
    border: 1px solid #00000017 !important;
}

.why-context-table table tr:nth-child(odd) {
    background-color: #f2f2ff !important;
}

.why-context-table table {
    position: relative !important;
    border-collapse: collapse;
}

.why-context-table table tr:first-child {
    background-color: #605dba !important;
    color: white;
}

.why-context-table .has-fixed-layout {}

.why-context-table {
    padding: 80px 0;
}

.career-section {
    margin-top: 80px;
}

.career-section .d-flex {
    gap: 30px;
}

.career-section .d-flex .first-div {
    border: 1px solid #605dba29;
    padding: 20px;
    margin-bottom: 20px;
    &:hover {
        border: 1px solid #605dba47;
    }
}

.career-section .d-flex .first-div h4 {
    margin-top: 0;
    color: #605dba;
    font-size: 18px;
}

.career-section .d-flex .first-div .child-flex {
    display: flex;
    gap: 40px;
    /*justify-content: space-between;*/
}

.career-section .d-flex .first-div .child-flex p {
    color: #505050;
    font-size: 14px;
}

.career-section .d-flex .first-div p {
    margin-bottom: 0;
}

.how-work-ui .card-how-contextqa {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 30px !important;
}

.how-work-ui .card-how-contextqa .contextqa-card {
    width: calc(25% - 30px);
    border-radius: 6px !important;
    border: 1px solid #605dba21 !important;
}

.how-work-ui .card-how-contextqa .contextqa-card h4 {
    width: 100% !important;
    background-color: #605dba21 !important;
    padding: 20px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.how-work-ui .card-how-contextqa .contextqa-card p {
    padding: 0 20px 20px 20px !important;
    font-size: 17px;
}

@media screen and (max-width: 991px) {
    .how-work-ui .card-how-contextqa {
        display: block;
    }
    .how-work-ui .card-how-contextqa .contextqa-card {
        width: 100% !important;
    }
}

.view-all-btn {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.g2-badges {
    justify-content: space-between !important;
}

.g2-badges .d-flex {
    padding: 32px 0 !important;
    justify-content: space-between !important;
}

.g2-badges .d-flex img {
    width: 11% !important;
    margin-bottom: 29px !important;
}

@media screen and (max-width: 991px) {
    .g2-badges .d-flex {
        display: block !important;
    }
}

.post-categories {
    padding-left: 0;
    width: fit-content;
    background-color: #b8b5f99e;
    border-radius: 4px;
    padding: 5px 25px;
}

.post-categories li a {
    text-decoration: none;
    color: #605dba;
}

.date {
    margin-top: 20px;
}

.post-extra-info {
    gap: 20px;
    align-items: center;
}

.post-extra-info img {
    width: 20%;
    border-radius: 50%;
    height: 50%;
}

.profile-blog {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.profile-blog .date {
    width: 50%;
}

.profile-blog .post-extra-info {
    width: 50%;
}

.post__info-contextqa p {
    margin-bottom: 0;
}

.post__info-contextqa p span a:hover {
    text-decoration: none;
}

.post__info-contextqa p span a {
    color: #605dba;
    font-weight: 600;
}

.post__info-contextqa p span {
    color: gray;
    font-size: 16px;
}

.table-content-contextqa {
    background: #9166cd33;
    /* padding: 20px; */
    border-radius: 8px;
}

.table-content-contextqa nav h3 {
    background: #6f38bd2e;
    padding: 5px 20px;
    font-weight: 500;
}

.table-content-contextqa nav ol {
    padding: 10px 40px;
}

.table-content-contextqa nav ol li {
    line-height: 44px;
}

.table-content-contextqa nav ol li a {
    color: black;
}

.blog-single-page {
    background-color: #b8b5f99e !important;
    padding: 80px 0;
}

.first-div a:hover {
    text-decoration: none;
}

.post-content ul {
    list-style: disc !important;
    padding-left: 20px !important;
}

.why-context .button-why {
    text-align: center;
}

.launch-soon {
    text-align: center;
    background: #ff6154;
    margin-bottom: 40px;
}

.launch-soon:hover {
    background: linear-gradient(227deg, #ff4582, #ff6154);
}

.pricing-contextQA {
    padding: 80px 0;
}

.pricing-contextQA .container h1 {
    text-align: center;
    color: #231971;
}

.pricing-contextQA .container .first-p {
    text-align: center;
    margin-bottom: 80px;
}

.pricing-contextQA .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1540px;
}

.pricing-contextQA .container-fluid .contextqa-price {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price {
    width: calc(30% - 20px);
    background: white;
    border-radius: 16px;
    padding: 40px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    box-shadow: -1px 0px 32px 1px rgb(41 10 70 / 23%) !important;
    h4{
        font-size: 26px !important;
        margin-bottom: 20px !important;
    }
    h3{
        font-size: 30px !important;
        margin-bottom: 30px;
    }
    h3, h4, span, p{
        color: #231971 !important;
    }
    a{
        button{
            border-radius: 50px !important;
            background-color: transparent !important;
            border: 1px solid #6366F1 !important;
            color: #6366F1;
            font-weight: 600;
            margin: 20px 0;
        }
    }
}

.pricing-contextQA .container-fluid .contextqa-price .in-price:nth-child(2) {
    border-radius: 0 0 16px 16px;
    border: 4px solid #6366F1;
    a{
        button{
            border-radius: 50px !important;
            background-color: #6366F1 !important;
            font-weight: 600;
            color: white;
            margin: 20px 0;
        }
    }

}
.pricing-contextQA .container-fluid .contextqa-price .in-price:nth-child(2):before {
    background: #6366F1;
    content: 'Best Plan';
    text-align: center;
    color: white;
    width: 101.5% !important;
    border: 4px solid #6366F1;
    font-size: 20px;
    font-weight: 700;
    top: -40px;
    left: -3px;
}
.pricing-contextQA .container-fluid .contextqa-price .in-price:before {
    content: '';
    position: absolute;
    padding: 4px;
    border-radius: 16px 16px 0 0;
    top: 0;
    width: 100%;
    left: 0;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price h3 {
    color: #605dba;
    font-weight: 800;
    font-size: 35px;
    margin-bottom: 0;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price h3 span {
    font-size: 18px;
    color: #424141;
    font-weight: 500;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price .subtitle {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price .no-card {
    margin-bottom: 0;
    color: gray;
    font-size: 16px;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price .pricing-feactures {
    margin-top: 20px;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price .pricing-feactures p {
    margin-bottom: 0;
    padding: 8px 0;
    border-top: 1px solid rgba(190, 188, 229, 0.3);
    font-size: 16px;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price .custon-pricing {
    padding: 25px 0;
}

.pricing-contextQA .container-fluid .contextqa-price .in-price button {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .pricing-contextQA .container-fluid .contextqa-price .in-price {
        width: calc(50% - 20px);
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .pricing-contextQA .container-fluid .contextqa-price .in-price {
        width: 100%;
        margin-bottom: 30px;
    }
}

.pricing-contextQA .container-fluid .contextqa-price .in-price:hover {
    box-shadow: -1px 0px 32px 1px rgba(0, 0, 0, 0.1);
}
.section-4{
    position: relative;
    z-index: 1;
}
.section-4::after{
    --ratio-height: 580;
    --ratio-width: 1655;
    aspect-ratio: var(--ratio-width) / var(--ratio-height);
    background-color: #6f38bd0d;
    clip-path: polygon(calc(81279.4% / var(--ratio-width)) calc(58000% / var(--ratio-height)), calc(81279.4% / var(--ratio-width)) calc(58000% / var(--ratio-height)), calc(81279.4% / var(--ratio-width)) calc(58000% / var(--ratio-height)), calc(11731% / var(--ratio-width)) calc(58000% / var(--ratio-height)), calc(11731% / var(--ratio-width)) calc(58000% / var(--ratio-height)), calc(70.2% / var(--ratio-width)) calc(28162.5% / var(--ratio-height)), calc(70.2% / var(--ratio-width)) calc(28162.5% / var(--ratio-height)), calc(.3% / var(--ratio-width)) calc(27771.3% / var(--ratio-height)), calc(90.3% / var(--ratio-width)) calc(27384.1% / var(--ratio-height)), calc(323% / var(--ratio-width)) calc(27062.5% / var(--ratio-height)), calc(662.3% / var(--ratio-width)) calc(26855.5% / var(--ratio-height)), calc(1055.9% / var(--ratio-width)) calc(26799.2% / var(--ratio-height)), calc(875% / var(--ratio-width)) calc(27091.4% / var(--ratio-height)), calc(633.6% / var(--ratio-width)) calc(27412.7% / var(--ratio-height)), calc(1092.6% / var(--ratio-width)) calc(26801.9% / var(--ratio-height)), calc(18109.2% / var(--ratio-width)) calc(28361.9% / var(--ratio-height)), calc(18109.2% / var(--ratio-width)) calc(28361.9% / var(--ratio-height)), calc(18504.3% / var(--ratio-width)) calc(28319.5% / var(--ratio-height)), calc(18851.1% / var(--ratio-width)) calc(28125.5% / var(--ratio-height)), calc(19095.6% / var(--ratio-width)) calc(27812.6% / var(--ratio-height)), calc(19199% / var(--ratio-width)) calc(27428.6% / var(--ratio-height)), calc(19073% / var(--ratio-width)) calc(27319.4% / var(--ratio-height)), calc(18257.8% / var(--ratio-width)) calc(28201.1% / var(--ratio-height)), calc(19186.1% / var(--ratio-width)) calc(27197.2% / var(--ratio-height)), calc(14727.2% / var(--ratio-width)) calc(1170.4% / var(--ratio-height)), calc(14727.2% / var(--ratio-width)) calc(1170.4% / var(--ratio-height)), calc(14737.6% / var(--ratio-width)) calc(773.2% / var(--ratio-height)), calc(14904.2% / var(--ratio-width)) calc(412.2% / var(--ratio-height)), calc(15197.2% / var(--ratio-width)) calc(144.4% / var(--ratio-height)), calc(15571.1% / var(--ratio-width)) calc(10% / var(--ratio-height)), calc(15968.4% / var(--ratio-width)) calc(34.4% / var(--ratio-height)), calc(15852.1% / var(--ratio-width)) calc(250.9% / var(--ratio-height)), calc(15542% / var(--ratio-width)) calc(504.4% / var(--ratio-height)), calc(16074.5% / var(--ratio-width)) calc(69.2% / var(--ratio-height)), calc(165479.4% / var(--ratio-width)) calc(58000% / var(--ratio-height)), calc(165479.4% / var(--ratio-width)) calc(58000% / var(--ratio-height)), calc(81279.4% / var(--ratio-width)) calc(58000% / var(--ratio-height)));
    content: "";
    display: block;
    left: 87px;
    position: absolute;
    bottom: -140px;
    width: 90%;
    z-index: -1 !important;
}
.section-3 .d-flex .pricing{
    border: 1px solid transparent;
    transition: 0.5s;
    border-radius: 4px;
}
.section-3 .d-flex .pricing:hover{
    border: 1px solid #605dba;
    margin-top: -2px;
}
.counter{
    font-size: 64px;
    font-weight: 700;
    color: #3A3C8C;
}

.counter-numbric .block p{
    color: #3c3737cc;
}
.text {
    overflow: hidden;
    display: inline-block;
    position: relative;
    animation-timing-function: steps(25, end);
    animation-iteration-count: infinite;
    white-space: normal; /* Allow text to wrap */
    word-break: break-word; /* Break words if they are too long */
}

.heading-container {
    width: 500px; /* Set your fixed width here */
    white-space: normal; /* Allow text to wrap */
}
.text::after {
    content: "|";
    position: absolute;
    right: 0;
    animation: caret 1s steps(1, end) infinite;
}

@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes caret {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}


/*contextqa workshop page*/
.workshop-landing .hero-section{
    padding-bottom: 80px;
    position: relative;
    background-color: #605dba;
}
.workshop-landing .d-flex{
    display: flex;
    gap: 40px;
    z-index: 1;
}
.workshop-landing .d-flex .left-block{
    width: 50%;
    text-align: left;
}
.workshop-landing .d-flex .left-block .sub-heading{
    color: #f5f500;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;;
}
.workshop-landing .d-flex .left-block .date{
    font-size: 20px;
    margin-top: 0 !important;
}
.workshop-landing .d-flex .left-block .date span{
    font-weight: 700;
    color: white;

}
.workshop-landing .d-flex .right-block{
    width: calc(50% - 40px);
}

.agenda-contextqa{
    margin-top: 80px;
}
.agenda-contextqa .d-flex .top-heading{
    padding: 20px;
    background: #605dba26;
    font-size: 20px;
    text-align: center;
    color: #565656;
    font-weight: 600;
}
.agenda-contextqa h2{
    margin-bottom: 30px;
}
.agenda-contextqa .d-flex{
    display: flex;
    gap: 0;
    background: white;
    border-radius: 4px;
    box-shadow: 0 .7961918735236395px 2.3885756205709185px -.625px #0000000d,0 2.414506143104518px 7.2435184293135535px -1.25px #0000000d,0 6.382653521484461px 19.147960564453385px -1.875px #0000000d,0 20px 60px -2.5px #0000000d;
}
.agenda-contextqa .d-flex .day-1{
    width: 50%;
    border-right: 1px solid #605db930;
}
.agenda-contextqa .d-flex .day-2{
    width: 50%;

}
.agenda-contextqa .d-flex ul{
    padding-left: 40px;
    padding-top: 15px;
    padding-right: 20px;
    position: relative;

}
.agenda-contextqa .d-flex ul li{
    font-size: 19px;
    margin-bottom: 20px;
}
.agenda-contextqa .d-flex ul li:before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #605dba;
    left: 14px;
    margin-top: 9px;
    border-radius: 50%;
}

.speakers-contextqa{
    margin-bottom: 100px;
}
.speakers-contextqa h2{
    margin-bottom: 30px;
}
.speakers-contextqa{
    margin-top: 100px;
}
.speakers-contextqa .d-flex{
    display: flex;
    gap: 20px;
}
.speakers-contextqa .speakers img.sandra{
    width: 141px;
}
.speakers-contextqa .speakers img{
    width: 172px;
    text-align: center;
    margin-top: -32px;
    margin-bottom: 37px;
    margin-left: 20px;
    border-radius: 15%;

}
.speakers-contextqa .speakers{
    width: calc(25% - 20px);
    border-radius: 4px;
    padding: 30px;
    box-shadow: 0 .7961918735236395px 2.3885756205709185px -.625px #0000000d,0 2.414506143104518px 7.2435184293135535px -1.25px #0000000d,0 6.382653521484461px 19.147960564453385px -1.875px #0000000d,0 20px 60px -2.5px #0000000d;
}

.speakers-contextqa .speakers p{
    margin-bottom: 0;
    color: gray;
}
.speakers-contextqa .speakers a{
    color: black;
}
.register-form{
    background: white;
    padding: 30px;
    border-radius: 8px;
}

@media screen and (max-width: 991px) {
    .speakers{
        width: 100% !important;
        margin-bottom: 40px;
    }
    .day-1, .day-2{
        width: 100% !important;
    }
    .left-block{
        width: 100% !important;
    }
    .right-block{
        width: 100% !important;
    }
}
.offer-limited{
    background: rgba(96, 93, 186, 0.15);
    padding: 10px;
    text-align: center;
    margin-top: 40px;
    border-radius: 8px;
}

.context-slider{
    --image-size: 100px;
    overflow: hidden;
    /*max-width: 900px;*/
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
}
.context-slider div{
    display: flex;
    gap: 40px;
    margin-right: 160px;
    position: relative;
    animation: contextQA 20s linear infinite;
    justify-content: space-around;
    align-items: center;
}
.context-slider div img{
    display: block;
    min-width: var(--image-size);
    height: fit-content;
    margin: 0 1vw;
}
@keyframes contextQA {
    0%   { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}
.first-div{
    display: block !important;
}
.home-page-blog .first-div{
    display: none !important;
}
.home-page-blog .first-div:first-child{
    display: block !important;
}
.home-page-blog .first-div:nth-child(2){
    display: block !important;
}
.home-page-blog .first-div:nth-child(3){
    display: block !important;
}


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    backdrop-filter: blur(2px);
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 50%;
    height: 80%;
}
.modal-content iframe{
    width: 100% !important;
    height: 100% !important;
}

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    position: absolute;
    font-weight: bold;
    right: 0;
}

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

.open{
    display: block !important;
}
@media screen and (max-width: 991px){
    .contextqa-hero-image{
        width: 100% !important;
    }
}
@media screen and (max-width: 991px){
    .video-card-review{
        width: 100% !important;
    }
    .trusted-company .d-flex{
        display: flex !important;
        justify-content: normal !important;
    }
    .context-slider img {
        height: fit-content !important;
        width: 50% !important;
    }
}





/*why contextqa page new*/

.why-contextqa-page{
    background-color: #F7F7F7;
}
.why-contextqa-page .top-card {
    padding: 100px 0;
}
.why-contextqa-page .top-card .d-flex{
    display: flex;
}
.why-contextqa-page .top-card .d-flex .green-card{
    width: 25%;
    padding: 20px;
}
.why-contextqa-page .top-card .d-flex .green-card h2{
    color: #44B746;
    font-size: 64px;
    margin-bottom: 20px;
}
.why-contextqa-page .top-card .d-flex .green-card p{
    color: #938F8F;
    font-size: 20px;
}

.quality-section{
    padding: 40px 0 100px 0;
}

.quality-section .d-flex{
    display: flex;
    gap: 60px;
    align-items: center;
}
.quality-section .d-flex .left-block{
    width: calc(50% - 40px);
}
.quality-section .d-flex .left-block .tag{
    border-radius: 3px;
    border: 3px solid #6467F2;
    padding: 5px 15px;
    width: fit-content;
    margin-bottom: 30px;
    color: #615DBA;
    font-size: 16px;
}
.quality-section .d-flex .left-block h2 {
    font-size: 44px;
    margin-bottom: 20px;
}
.quality-section .d-flex .left-block h2 span{
    color: #615DBA;
}
.quality-section .d-flex .left-block .borderless {
    border-radius: 6px;
    border: 2px solid #6467F2;
    background-color: transparent;
    color: #6467F2;
    margin-right: 10px;
}
.quality-section .d-flex .left-block p {
    font-size: 20px;
    margin-bottom: 30px;
}
.quality-section .d-flex .right-block{
    width: calc(50% - 20px);
}
.quality-section .d-flex .right-block .d-flex{
    display: flex;
    gap: 30px;
}
.quality-section .d-flex .right-block .d-flex .card-quality{
    width: calc(50% - 15px);
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.quality-section .d-flex .right-block .d-flex .card-quality img{
    margin-bottom: 30px;
    width: 57px;
}
.quality-section .d-flex .right-block .d-flex .card-quality h4{
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #4A4A4A;
}
.quality-section .d-flex .right-block .d-flex .card-quality p{
    color: #938F8F;
    font-size: 20px;
}

.blue-section{
    color: white;
    padding-top: 60px;
    padding-bottom: 190px;
    background-color: #6467F2;
}

.blue-card-section .d-flex{
    margin-top: -140px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 90px;
}
.blue-card-section .d-flex .blue-card{
    padding: 40px;
    width: calc(33.33% - 30px);
    background-color: white;
    border-radius: 16px;
}

.blue-card-section .d-flex .blue-card img{
    width: 62px;
    margin-bottom: 20px;
}
.blue-card-section .d-flex .blue-card h5{
    color: #6467F2;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
.why-contextqa-features .feature-header{
    text-align: center;
}
.why-contextqa-features .feature-header p{
    width: 80%;
    margin-left: auto;
    margin-right: auto;

}
.why-contextqa-features{
    padding: 100px 0;
    border-top: 12px solid #D6E0EF;
}
.why-contextqa-features .features .d-flex{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}
.why-contextqa-features .features .d-flex .feature-item{
    width: 13%;
    text-align: center;
}
.why-contextqa-features .features .d-flex .feature-item img{
    padding: 30px;
    background-color: #F2F2FB;
    border-radius: 50%;
    margin-bottom: 20px;
    width: 70%;
}

.why-contextqa-dark-section{
    background-color: #00011E;
    padding: 80px 0;
}
.why-contextqa-dark-section .vector{
    color: #FF395A;
    font-size: 24px;
    margin-bottom: 20px;
}
.why-contextqa-dark-section .vector img{
    width: 30px;
    margin-left: 5px;
    margin-top: -2px;
}
.why-contextqa-dark-section h2{
    color: #6467F2;
    font-size: 40px;
    margin-bottom: 20px;
}
.why-contextqa-dark-section p{
    color: #FFF;
    font-size: 20px;
}

.why-contextqa-dark-section .d-flex{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.why-contextqa-dark-section .d-flex .dark-card{
    width: calc(33.33% - 40px);
}

.why-contextqa-dark-section .d-flex .dark-card h5{
    color: white;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 700;
}
.why-contextqa-dark-section .d-flex .dark-card img {
    width: 55px;
    margin-bottom: 40px;
}
@media screen and (max-width: 991px){
    .green-card{
        width: 100% !important;
    }
    .top-card{
        padding: 40px 0 !important;
    }
    .quality-section{
        padding: 0 !important;
    }
    .card-quality{
        width: 100% !important;
        margin-bottom: 30px;
    }
    .blue-card{
        width: 100% !important;
    }
    .why-contextqa-features{
        padding: 40px 0;
    }
    .why-contextqa-features .features .d-flex{
        margin-top: 0;
        display: flex !important
    }
    .feature-item{
        width: 40% !important;
    }
    .dark-card{
        width: 100% !important;
        margin-bottom: 50px;
    }
    .why-contextqa-dark-section{
        padding: 30px 0;
    }
}

.hero-image{
    padding-top: 110px;
}
.hero-image img{
    width: 100% ;
}









/*new V2 landing-page*/
.home_page_v2{
    .hero-section-v2{
        background-image: url("../images/v2/hero-background.png");
        background-size: cover;
        padding: 100px 0;
        position: relative;
        overflow: hidden;
        @media screen and (max-width: 991px){
            padding: 30px 0;
        }
        /*padding-bottom: 100px;*/
        /*padding-top: 170px;*/
        /*margin-top: -91px;*/
        &:after{
            content: url("../images/v2/hero-background-wave.png");
            position: absolute;
            bottom: 0;
            width: 100%;
            opacity: 0.1;
            z-index: 0;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            @media screen and (max-width: 991px){
                z-index: -1 !important;
            }
        }
        .d-flex{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            .left-block{
                width: 45%;
                h1{
                    font-size: 80px;
                    font-family: "Poppins", sans-serif !important;
                    font-weight: 500;
                    @media screen and (max-width: 991px){
                        font-size: 60px;
                        margin-bottom: 20px;
                        text-align: center;
                    }
                }
                p{
                    color: #E9EDFF;
                    font-size: 28px;
                    font-weight: 300;
                    font-family: "Poppins", sans-serif !important;
                    @media screen and (max-width: 991px){
                        text-align: center;
                    }
                }

                z-index: 1;
                .home-point-list{
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: 30px;
                    margin-top: 50px;
                    justify-content: space-between;
                    span{
                        color: white;
                        font-size: 16px;
                        font-family: "Poppins", sans-serif !important;
                        &:nth-child(2){
                            position: relative;
                            &:after{
                                content: '';
                                position: absolute;
                                width: 12px;
                                right: -28px;
                                top: 5px;
                                border-radius: 50px;
                                border: 0.5px solid white;
                                height: 12px;
                                background-color: #231971;
                            }
                            &:before{
                                content: '';
                                position: absolute;
                                width: 12px;
                                left: -28px;
                                top: 5px;
                                border-radius: 50px;
                                border: 0.5px solid white;
                                height: 12px;
                                background-color: #231971;
                            }
                        }
                    }
                }
            }
            .right-block{
                width: 55%;
                img{
                    width: 100%;
                    margin-left: 30px;
                    @media screen and (max-width: 991px){
                        margin-left: 0;
                        margin-top: 30px;
                    }
                }
            }
        }

        .logo-flex{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-top: 120px;
            z-index: 1;
            @media screen and (max-width: 991px){
                margin-top: 0;
            }
            img{
                width: 140px;
                &.ibm{
                    width: 95px;
                }
            }
        }
    }
}

p{
    font-family: "Poppins", sans-serif !important;
}

.graident-heading{
    background: -webkit-linear-gradient(left, #7d31ea, #358de3, #358de3, #9747FF, #9747FF) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    /*color: red;*/
}
.button_v2{
    background-color: #6366F1;
    color: white;
    text-transform: uppercase;
    padding: 11px 24px;
    @media screen and (max-width: 991px){
        width: 100%;
    }
}

.card-with-text{
    padding: 100px 0;
    @media screen and (max-width: 991px){
        padding: 20px 0;
    }
    .d-flex{
        display: flex;
        flex-wrap: wrap;
        gap: 80px;
        align-items: center;
        .left-block{
            width: calc(45% - 40px);
            h2{
                font-size: 30px;
                line-height: 40px;
                font-family: "Poppins", sans-serif !important;
                font-weight: 500 !important;
                margin-bottom: 12px;
                color: #231971;

            }
            p{
                color: #231971;
                font-family: "Poppins", sans-serif !important;
                font-size: 18px;
            }
        }
        .right-block{
            width: calc(55% - 40px);
            .card-v2{
                background-color: white;
                border-radius: 12px;
                border: 1px solid rgba(10, 36, 106, 0.24);
            }
            .top-img{
                margin-bottom: 15px;
                img{
                    width: 100%;
                    border-radius: 12px 12px 0 0;
                }
            }
            .bottom-content{
                .d-flex{
                    display: flex !important;
                    gap: 10px;
                    padding: 0 20px;
                    align-items: normal;
                    @media screen and (max-width: 991px){
                        padding: 20px !important;
                        display: block !important;
                        .left{
                            width: 100% !important;
                            margin-bottom: 20px;
                        }
                    }
                    .left{
                        width: calc(32% - 10px);
                        .graident-heading{
                            font-weight: 600 !important;
                        }
                        h3{
                            margin-bottom: 0 !important;
                        }
                        p{
                            color: #231971;
                            font-weight: 500;
                            font-size: 14px;
                            line-height: 24px;
                        }
                    }
                }
            }
        }
    }
}


.card-with-icon-v2{
    background: rgba(35, 25, 113, 0.6);
    padding: 70px 0;
    margin-top: 50px;
    h2{
        color: white !important;
    }
    p{
        color: white !important;
        margin-bottom: 60px;
    }
    &.full-code-section{
        .d-flex{
            gap: 40px;
            .card{
                width: calc(33.33% - 30px);
                padding: 0 !important;
                @media screen and (max-width: 991px){
                    width: 100% !important;
                }
                h4{
                    font-family: "Poppins", sans-serif !important;
                }
                img {
                    width: 70px;
                }
            }
        }
    }
    .d-flex{
        justify-content: center !important;
        display: flex;
        gap: 40px;
        .card{
            background-color: transparent;
            border: none;
            width: calc(30.33% - 20px);
            text-align: center;
            padding: 0 30px;
            @media screen and (max-width: 991px){
                width: 100% !important;
                margin-bottom: 30px;
            }
            h4{
                color: #E9EDFF;
                font-size: 28px;
                font-weight: 600;
            }
            img{
                width: 150px;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 40px;
            }
            p{
                font-size: 18px;
                color: #E9EDFF;
                margin-bottom: 0;
            }
        }
    }
}

.why-contextqa-home-v2{
    padding: 120px 0;
    @media screen and (max-width: 991px){
        padding: 40px 0;
    }
    h2{
        text-align: center;
        color: #231971;
    }
    .d-flex{
        margin-top: 80px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 80px;
        .card-icon{
            width: calc(33.33% - 60px);
            border-radius: 12px;
            position: relative;
            border: 1px solid #2319711f;
            box-shadow: 9px 12px 0px 0px rgb(52 0 116 / 14%);
            @media screen and (max-width: 991px){
                width: 100% !important;
                margin-bottom: 100px;
                &:last-child{
                    margin-bottom: 0;
                }
            }
            img{
                width: 110px;
                position: absolute;
                top: -60px;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                &.seamless_integration_img{
                    width: 133px !important;
                }
            }
            h4{
                font-size: 23px;
                font-weight: 600;
                text-align: center;
                padding: 70px 0 30px 0;
                background-color: #231971;
                border-radius: 12px 12px 0 0;
                font-family: "Poppins", sans-serif !important;
                color: white;
            }
            p{
                color: #231971;
                text-align: center;
                padding: 20px;
                border-radius: 0 0 12px 12px;
                line-height: 30px;
                background-color: white;
                margin-bottom: 0;
            }
        }
    }

}


.key-features-contextqa{
    margin-top: 40px;
    h2{
        text-align: center;
        color: #231971;
        margin-bottom: 27px;
    }
    p{
        text-align: center;
        font-size: 18px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        color: #231971;
        margin-bottom: 40px;
    }
    .d-flex{
        display: flex;
        flex-wrap: wrap;
        gap: 60px;
        .left-block{
            width: calc(50% - 30px);
            .d-flex{
                display: flex;
                gap: 30px;
                .icon-d-flex{
                    width: calc(50% - 15px);
                    @media screen and (max-width: 991px){
                        width: 100%;
                        text-align: center;
                        p{
                            text-align: center !important;
                            margin: auto !important;
                        }
                    }
                    img{
                        width: 65px;
                        margin-bottom: 14px;
                    }
                    p{
                        color: #231971;
                        font-weight: 600;
                        font-size: 22px;
                        text-align: left;
                        padding-bottom: 24px;
                        margin: 0;
                    }
                }
            }
        }
        .right-block{
            width: calc(50% - 30px);
            img{
                width: 100%;
            }
        }
    }


    .vector-contextqa{
        margin-top: 80px;
        margin-bottom: 40px;
        h2{
            color: white !important;
        }
        p{
            color: white !important;
        }
        a{
            img{
                width: 30%;
                @media screen and (max-width: 991px){
                    width: 100%;
                }
            }
        }
        h2{
            color: #231971;
            margin-top: 60px;
            text-align: left;
        }
        p{
            color: #231971;
            text-align: left;
            margin-left: 0;
            width: 70%;
            @media screen and (max-width: 991px){
                width: 100%;
            }
        }
    }
}


.review-slider-contextqa{
    padding: 80px 0;
    text-align: center;
    background: rgba(35, 25, 113, 0.6);
    .mySlides{
        img{
            width: 100% !important;
        }
    }
    h2{
        color: white;
        text-align: center;
        margin-bottom: 13px;
    }

    img{
        width: 80%;
        margin-top: 20px;
    }
}

.contextQA-testimonial{
    padding: 50px 0;
    h2{
        text-align: center;
        margin-bottom: 30px;
    }
    .video-review{
        .d-flex{
            display: flex;
            flex-wrap: wrap;
            .video-card-review{
                @media screen and (max-width: 991px){
                    width: 100% !important;
                }
            }
        }
    }
}

.case-studies-contextqa{
    padding: 100px 0;
    @media screen and (max-width: 991px){
        padding: 30px 0;
    }
    h2{
        color: #231971;
    }
    .top-img-case{
        background-color: white;
        width: fit-content;
        margin-top: 30px;
        padding: 20px;
        border-radius: 12px 12px 0 0;
        img{
            width: 200px;
        }
    }
    .case-studies-content{
        background-color: #231971;
        padding: 40px;
        color: white;
        border-radius: 16px;
        h3{
            font-weight: 700;
        }
    }
}

.contextqa-blog-v2{
    padding-top: 50px;
    padding-bottom: 100px;
    a{
        text-align: center;
    }
    @media screen and (max-width: 991px){
        padding-bottom: 30px;
    }
    h2{
        color: #231971;
        margin-bottom: 20px;
    }
    .d-flex{
        display: flex;
        flex-wrap: wrap;
        gap: 80px;
        margin-top: 30px;
        .blog-card{
            width: calc(31.33% - 40px);
            box-shadow: 5px 10px 18px 5px #8888884a;
            border-radius: 12px;
            background-color: white;
            @media screen and (max-width: 991px){
                width: 100% !important;
                margin-bottom: 20px;
            }
            img{
                width: 100%;
                border-radius: 12px 12px 0 0;
            }
            h3{
                font-size: 18px;
                line-height: 30px;
                color: #231971;
                font-weight: bold;
                font-family: "Poppins", sans-serif !important;
            }
            .below-content-blog-v2{
                padding: 20px;
            }
        }
    }
}

.bottom-cta{
    background-color: #231971;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    &:after{
        content: url("../images/v2/hero-background-wave.png");
        position: absolute;
        bottom: 0;
        width: 100%;
        opacity: 0.1;
        z-index: -1;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    p{
        color: white;
    }
}

.background-wave-g{
    background: url("../images/v2/background-below.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;
}

.blog_btn{
    margin-top: 40px;
    width: 100%;
    text-align: center;
}

.video-placeholder-normal{
    display: none !important;
}
.video-placeholder-text-normal{
    display: none !important;
}

/*Why ContextQA v2*/
.new_why_contextqa_v2{
    .hero-section-v2{
        &:after{
            content: url("../images/v2/why-contextqa/background-bg-why-contextqa.svg");
            z-index: 0;
        }


    }
    h1{
        color: white !important;
        font-size: 72px;
        text-align: center;
        font-weight: 500 !important;
        @media screen and (max-width: 991px){
            font-size: 40px !important;
        }
    }
    .home-point-list{
        text-align: center;
        margin-top: 24px;
        @media screen and (max-width: 991px){
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            span{
                width: 100%;
            }
        }
        span{
            color: white;
            margin-right: 20px;
            margin-left: 20px;
            @media screen and (max-width: 991px){
                width: 100%;
            }
            &:nth-child(2){
                position: relative;
                &:after{
                    content: '';
                    position: absolute;
                    width: 12px;
                    right: -28px;
                    top: 5px;
                    border-radius: 50px;
                    /*border: 0.5px solid white;*/
                    height: 12px;
                    background-color: #6366F1;
                    @media screen and (max-width: 991px){
                        display: none;
                    }
                }
                &:before{
                    content: '';
                    position: absolute;
                    width: 12px;
                    left: -28px;
                    top: 5px;
                    border-radius: 50px;
                    /*border: 0.5px solid white;*/
                    height: 12px;
                    background-color: #6366F1;
                    @media screen and (max-width: 991px){
                        display: none;
                    }
                }
            }
        }
    }
    .button-center{
        text-align: center;
        margin-top: 40px;
        z-index: 1;
        position: relative;
        @media screen and (max-width: 991px){
            margin-bottom: 40px;
            a{
                position: relative;
                button{
                    width: 100%;
                }
            }
        }
    }

    .logo-flex{
        justify-content: center !important;
        gap: 35px;
        img{
            width: 100px !important;
            height: 122px;
        }
    }


    .contextqa-works-test{
        padding-top: 80px;
        h2{
            text-align: center;
            margin-bottom: 30px;
        }
        .d-flex{
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            .img-block{
                width: calc(50% - 20px);
                img{
                    width: 100%;
                }
                @media screen and (max-width: 991px){
                    width: 100%;
                }
            }
        }
    }

    .accelerate-testing{
        text-align: center;
        padding: 100px 0;
        @media screen and (max-width: 991px){
            padding: 40px 0;
        }
        h2{
            font-size: 48px !important;
            color: #231971;
        }
        p{
            color: #231971;
            margin-top: 20px;
        }
        img{
            width: 100%;
            margin-top: 50px;
            @media screen and (max-width: 991px){
                margin-top: 8px;
            }
        }
    }




    .why-contextqa-page-choose{
        background: url("../images/v2/why-contextqa/why-contextqa-background.png");
        .why-contextqa-home-v2{
            padding-top: 0;
            padding-bottom: 100px;
            .d-flex{
                .card-icon{
                    img{
                        width: 90px !important;
                        top: -35px !important;
                        left: -27px !important;
                        margin-left: 0 !important;
                    }
                    h4{
                        background-color: #6366F1 !important;
                        padding: 36px 0 36px 0 !important;
                        margin-bottom: 0;
                        font-size: 25px;
                        line-height: 1.3;
                    }
                    .padding-btm{
                        padding-bottom: 50px;
                    }
                }
            }
        }
    }
}

.hs-shadow-container {
    &.active{
        background-color: transparent !important;
    }
}
.about-us-cta .cta{
    background-color: #231971;
}


.hs-shadow-container {
    &.active{
        background-color: transparent !important;
    }
}
.about-us-cta {
    margin-bottom: 0;
    margin-top: 80px;
    padding-bottom: 80px !important;
}
.about-us-cta .cta{
    background-color: #231971;
    text-align: center;

    .d-flex{
        text-align: center;
        a{
            margin: auto;
        }
    }
}

.about-us-page{
    h1, h2, h3{
        color: #231971;
    }
}
.why-contextqa-home-v2{
    padding: 80px 0;
    &.about-us-page{
        p{
            text-align: center;
            color: #231971;
            margin-bottom: 80px;
        }
        .d-flex{
            .card-icon{
                width: calc(50% - 60px);
                h4{
                    padding: 40px 0;
                    margin-bottom: 0;
                }
                img{
                    left: -30px;
                    margin-left: 0;
                }
            }
        }
    }
}

.challenge-screen {
    background-color: #6366f133;
    padding: 80px 0;
    &.who-we-are{
        background-color: #6366f133;
        .right-block{
            img{
                width: 100%;
            }
        }
    }
}





/*new solutions pages*/
.contextqa-features-page{
    h1{
        color: #231971;
    }
    .core-features{
        padding: 100px 0;
        &.pro{
            .d-flex{
                gap: 60px;
                .card-core{
                    h4{
                        span{
                            font-size: 18px;
                        }
                    }
                    width: calc(33.33% - 40px);
                    @media screen and (max-width: 991px){
                        width: 100% !important;
                    }
                }
            }
        }
        h2{
            text-align: center;
            color: #231971;
            margin-bottom: 50px;
        }
        .d-flex{
            display: flex;
            gap: 20px;
            .card-core{
                width: calc(26% - 28px);
                border-radius: 12px;
                padding: 20px;
                background-color: white;
                margin-bottom: 40px;
                box-shadow: -1px -2px 8px 0 rgb(0 66 165 / 20%), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                img{
                    width: 50px;
                    height: 50px;
                    margin-bottom: 28px;
                }
                h4{
                    font-size: 24px;
                    color: #231971;
                    font-weight: bold;
                    margin-bottom: 18px;
                    line-height: 1.3;
                }
                p{
                    color: #231971;
                    font-size: 16px;
                    line-height: 29px;
                }
                @media screen and (max-width: 991px){
                    width: 100% !important;
                }
            }
        }
    }

    .why-contextqa-choose-features{
        background-color: rgba(35, 25, 113, 0.7);
        padding: 100px 0;
        color: white ;
        h2{
            margin-bottom: 20px;
            color: white;
        }
        ul{
            list-style: disc !important;
            li{
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 15px;
            }
        }
    }

    .features-faqs{
        padding-bottom: 30px;
        h2{
            color: #231971;
        }
        p{
            color: #231971;
            margin-bottom: 10px;
        }
        .questions{
            margin-bottom: 30px;
        }
    }

    .security-logos{
        background-color: #9D90FF;
        padding: 70px 0;
        margin-top: 60px;
        .d-flex{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 190px;
            @media screen and (max-width: 991px){
                gap: 0;
                display: block;
                img{
                    width: 100%;
                }
            }
            img{
                width: 10%;
                height: 10%;
                &:nth-child(1){
                    width: 13%;
                }
            }
        }
    }
}




.core-feature-heading{
    margin-bottom: 48px !important;
}
.pro-features{
    .left-clm{
        width: 60% !important;
    }
    .right-clm{
        width: calc(40% - 50px) !important;
        iframe{
            width: 100%;
        }
    }
}
.enterprise-features{
    .left-clm{
        width: 55% !important;
        h1{
            font-size: 35px !important;
        }
    }
    .right-clm{
        width: calc(45% - 50px) !important;
        iframe{
            width: 100%;
        }
    }
}

.benefit{
    h2{
        text-align: center;
        margin-bottom: 60px;
    }
    .benefit-points{
        p{
            color: #231971;
        }
    }
}

.about-us-page{
    .d-flex{
        .card-icon{
            &:nth-child(2), &:nth-child(4){
                img{
                    right: -30px;
                    margin-right: 0;
                    margin-left: auto;
                }
            }
        }
    }
}

.integration-cards{
    padding: 80px 0;
    margin: 60px 0;
    background-color: rgba(99, 102, 241, 0.33);
    h2{
        text-align: center;
    }
    p{
        text-align: center;
        margin-bottom: 40px;
        margin-top: 10px;
        color: #231971;
    }
    .d-flex{
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
        .integration-card{
            width: calc(32% - 20px);
            padding: 30px;
            border-radius: 16px;
            background-color: white;
            box-shadow: -1px -2px 8px 0 rgb(0 66 165 / 20%), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            @media screen and (max-width: 991px){
                width: 100%;
                margin-bottom: 40px;
            }
            img{
                width: 70px;
                height: 70px;
                margin-bottom: 30px;
            }
            p{
                text-align: left;
            }
        }
    }
}

.integration-support-browser{
    text-align: center;
    p{
        margin: 10px 0;
    }
    img{
        width: 100%;
        height: 100%;
        margin-top: 30px;
    }
}

.our-investor-page{
    h1{
        font-size: 43px;
    }
    .d-flex{
        .left-clm{

        }
        .right-clm{
            img{
                width: 100%;
                height: auto;
            }
        }
    }


}
.investor-page-logo{
    background-color: transparent !important;
    background-image: linear-gradient(to right, rgba(157, 144, 255, 0.19), rgba(157, 144, 255, 0.82));
    h2{
        text-align: center;
        margin-bottom: 40px;
        color: #231971;
    }
    img{
        width: 25% !important;
    }
    @media screen and (max-width: 991px) {
        .d-flex{
            display: flex !important;
            gap: 50px !important;
            img{
                width: 50% !important;
            }
        }

    }
}
.our-partners-page{
    .d-flex{
        .right-clm{
            img{
                width: 100%;
                height: auto;
            }
        }
    }
}

.partner-page-logo, .partner-page-logo-tech{
    background-color: transparent !important;
    background-image: linear-gradient(to right, rgba(157, 144, 255, 0.1), rgba(157, 144, 255, 0.82)) !important;
    img{
        width: 13% !important;
    }
    h2{
        text-align: center;
        margin-bottom: 20px;
        color: #231971;
    }
    p{
        text-align: center;
        color: #231971;
        margin-bottom: 40px;
    }
}
.partner-page-logo-tech{
    .d-flex{
        gap: 140px !important;
        @media screen and (max-width: 991px) {
            gap: 50px !important;
            display: flex !important;
        }
    }
    h2{
        text-align: center;
        margin-bottom: 20px;
        color: #231971;
    }
    p{
        text-align: center;
        color: #231971;
        margin-bottom: 40px;
    }
    img{
        &:nth-child(2), &:nth-child(3){
            width: 8% !important;
        }
        &:nth-child(5), &:last-child{
            margin-top: -100px;
            @media screen and (max-width: 991px) {
                margin-top: 0;
            }
        }
    }
}
.partner-features{
    padding-bottom: 0 !important;
    .card-core{
        img{
            margin-bottom: 40px !important;
        }
        h4{
            margin-bottom: 30px !important;
            font-size: 25px !important;
        }
    }
}

.hellobar{
    background-color: #6366F1;
    color: white;
    text-align: center;
    p{
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 0;
        font-size: 16px;
        span{
            a{
                background-color: white;
                padding: 5px 15px;
                margin-left: 10px;
                color: #231971;
                border-radius: 8px;
                font-size: 16px;
            }
        }
    }
}

.calculator-contextqa{
     box-shadow: 0px 0px 40px rgba(100, 36, 255, 0.35) !important;

}
.pricing-calculator {
   .bg-clip{
      display: none !important;
    }
}
.pricing-calculator .section-3 .d-flex .pricing {
   box-shadow: 0px 0px 40px rgba(100, 36, 255, 0.35) !important;
   color: #2E338E;

font-family: Poppins;
font-size: 24px;
}
.pricing-calculator .section-3 .d-flex .pricing span{
  color: #8183F4 !important;
}
.pricing-calculator .section-4::after{
  display: none;
}
.pricing-calculator h2{
  color: #2E338E;

font-family: Poppins;
font-size: 42px;
}
.pricing-calculator h1{
  color: #2E338E;
text-align: left !important;
font-family: Poppins;
font-size: 42px;
}


.events, .event{
    h1{
        margin-top: 40px;
    }
    li{
        line-height: 34px;
        margin-bottom: 20px !important;
    }
    .blog_inner{
        .left-clm{
           img{
               width: 75%;
               @media screen and (max-width: 991px){
                   width: 100%;
               }
           }
        }
    }
    .d-flex{
        .first-div{
            display: flex !important;
            gap: 20px;
            padding: 0;
            width: calc(50% - 20px);
            border-radius: 8px;
            background-color: #7b00f217;
            .img{
                width: 34%;
                img{
                    width: 100%;
                    height: 100%;
                    border-radius: 8px 0 0 8px;
                }
            }
            .right-content-event{
                width: calc(70% - 40px);
                button{
                    font-size: 12px;
                    margin-top: 10px;
                    margin-bottom: 18px;
                    font-weight: 500;
                }
                .profile-blog{
                    display: block !important;
                    margin-top: 5px;
                    p{
                        font-size: 16px;
                        color: #000000c4 !important;
                        margin-top: 5px;
                        margin-bottom: 0;
                    }
                }
            }
        }
    }

    iframe{
        width: 67%;
        margin-top: 20px;
    }
}