body{
    margin: 0;
    overflow-x: hidden;
}
.text-pink{
    color: #F92CB1;
}
.ta-site-wrapper{
    height: 100%;
    width: 100%;
}
.ta-content-wrapper{
    width: 1140px;
    max-width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    font-family: "Poppins", sans-serif;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.ta-ai-testing-section{
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ta-ai-testing-header{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ta-ai-testing-title{
    font-family: "Oxygen",  sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 132%;
    text-transform: uppercase;
}

.ta-ai-testing-description{
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 150%;
    vertical-align: middle;
    text-transform: capitalize;
}

.ta-ai-testing-videos{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 20px;
}
.ta-ai-testing-video{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ta-ai-video-iframe{
    width: 100%;
    height: 308px;
}
.ta-ai-video-caption{
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 147%;
}


.ta-journey-start{
    display: flex;
    justify-content: space-between;
    padding: 40px 80px 0 80px;
    background: #341F50B2;
}
.ta-journey-start-wrapper{
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.ta-journey-start-button{
    max-width: 226px;
    height: 56px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 23px;
    line-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    color: #fff;
    background: #F92CB1;
    border-radius: 41px;
}
.ta-journey-start-title{
    display: flex;
    flex-direction: column;
    font-weight: 500;
    font-size: 53px;
    line-height: 110%;
    margin-top: 3%;
}

.ta-services-section{

}
.ta-services-header {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 50px 0 40px;
}
.ta-services-title {
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 29px;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.ta-services-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.ta-service{
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 567px;
    max-height: 730px;
    border-radius: 10px;
    color: #FFFFFF;
    padding: 30px 30px 30px 40px;
    list-style: inherit;
    background: #211433;
}

.ta-service-title{
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 129%;
    margin-bottom: 10px;
}
.ta-service-items{
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 147%;
    text-transform: capitalize;

    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ta-service-icon{
    position: absolute;
}
.ta-service-strategy .ta-service-icon{
    bottom: 6%;
    right: 8%;
}
.ta-service-sap .ta-service-icon{
    bottom: 0;
    right: 6%;
}
.ta-service-knowledge .ta-service-icon{
    bottom: 0;
    right: 2%;
}
.ta-service-public .ta-service-icon{
    bottom: 5%;
    right: 1%;
}

/*   QA Process Section   */
.ta-qa-process-section{
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.ta-qa-process-header {
    margin: 20px 0;
    display: flex;
    align-items: center;
    width: 100%;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 29px;
    line-height: 100%;
    text-transform: uppercase;
}
.ta-qa-steps {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 500px;
    position: relative;
    margin-bottom: 100px;
}

/*.ta-qa-steps > *:nth-child(1) { grid-column: span 2; }*/
/*.ta-qa-steps > *:nth-child(2) { grid-column: span 2; }*/
/*.ta-qa-steps > *:nth-child(3) { grid-column: span 2; }*/

/*.ta-qa-steps > *:nth-child(4) { grid-column: 1 / 4; } !* half of the row *!*/
/*.ta-qa-steps > *:nth-child(5) { grid-column: 4 / 7; } !* other half *!*/


.ta-qa-step{
    display: flex;
    flex-direction: column;
    /*background: #370E28;*/
    /*border: 0.5px solid #F92CB1;*/
    border-right: 1px dashed #888686;
    padding: 13px;
}
.ta-qa-step-analysis{
    padding-left: 0;
}
.ta-qa-step-maintenance{
    padding-right: 0;
    border-right: none;
}
.ta-qa-step img {
    height: 37px;
    width: 48px;
    margin-bottom: 10px;
}
.ta-qa-step-title{
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 129%;
}
.ta-qa-step-items{
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    padding: 12px;
    margin: 0;
    font-size: 14px;
    line-height: 21px;
}
.ta-qa-event-path{
    position: absolute;
    bottom: -30%
}
.ta-qa-event-path img{
    width: 100%;
}

.ta-qa-cta-title{
    max-width: 620px;
    font-family: "Ubuntu",  sans-serif;
    font-weight: 500;
    font-size: 29px;
    line-height: 100%;
    text-align: center;
    align-self: center;
}
.ta-qa-cta-button{
    text-align: center;
}
.ta-qa-cta-button button{
    padding: 16px 32px;
    border-radius: 41px;
    font-family: "Ubuntu", sans-serif;
    color: #ffffff;
    font-weight: 500;
    font-size: 23px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
    background: #F92CB1;
    border: none;
    cursor: pointer;
}


.ta-contact-section{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ta-contact-title{
    margin-top: 50px;
    margin-bottom: 0;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
}
.ta-contact-description{
    align-self: center;
    display: flex;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 23px;
    line-height: 147%;
    max-width: 983px;
}
.ta-contact-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.ta-contact-form{
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #282828;
    padding:40px;
}
.ta-form-header{
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 147%;
}
.ta-form-row{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 10px;
}
.ta-form-group{
    display: flex;
    flex-direction: column;
}
.ta-form-label{
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 147%;
}
.ta-form-input {
    padding: 10px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 147%;
    outline: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid #C9CAD8;
    color: white;
    caret-color: white;
}
.ta-form-textarea{
    padding: 10px;
    min-height: 80px;
    height: 100%;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 147%;
    outline: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid #C9CAD8;
    color: white;
    caret-color: white;
    resize: none;
}
.ta-form-button{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ta-form-button button {
    padding: 10px 50px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 147%;
    color: #ffffff;
    border: 2px solid #F92CB1;
    background: none;
    border-radius: 40px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s; /* smooth transition */
}

/* Change button color when clicked */
.ta-form-button button:active {
    background: #F92CB1; /* pink background */
    color: #ffffff;       /* keep text white */
}

.ta-contact-info{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 20px;
    padding:20px;
}
.ta-info-item{
    display: flex;
    align-items: center;
    gap: 10px;
}
.ta-info-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ta-info-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F92CB1;
    padding: 12px;
    border-radius: 50%;
    height: 42px;
    width: 42px;
}
.ta-info-label{
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 147%;
}
.ta-info-detail{
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 135%;
}




/* ============================= */
/* 📍 1200px and below */
/* ============================= */
@media (max-width: 1100px) {
    .ta-qa-steps{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 0;
        grid-template-rows: auto;
    }
    .ta-qa-step{
        border: none;
    }
    .ta-qa-event-path{
        display: none
    }
    .ta-qa-step-analysis{
        padding-left: 13px;
    }
    .ta-qa-step-maintenance{
        padding-right: 13px;
    }

}
/* ============================= */
/* 📍 1024px and below */
/* ============================= */
@media (max-width: 1024px) {
    .ta-journey-start {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        justify-items: center;
        padding: 40px 80px 40px 80px;
    }

    .ta-journey-start-button {
        height: 36px;
        width: 160px;
    }

    .ta-journey-start-wrapper{
        /*width: 50%;*/
    }
    .ta-journey-start-title{
        line-height: 129%;
    }
    .ta-journey-start-banner{
        height: 100%;
        width: 100%;
    }
}

/* ============================= */
/* 📍 768px and below */
/* ============================= */
@media (max-width: 1000px) {

}
@media (max-width: 768px) {

    .ta-ai-testing-videos{
        align-items: flex-start;
    }
    .ta-journey-start{
        /*padding: 40px 20px 0;*/
    }
    .ta-services-list{
        display: flex;
        flex-direction: column;
    }
    .ta-service{
        max-width: 100%;
    }
    .ta-service .ta-service-icon{
        bottom: -1%!important;
        right: 2%!important;
    }
    .ta-contact-container{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .blank_wrapper{
        background: none!important;
    }
    .topcontrol{
        display: none!important;
    }
}

/* ============================= */
/* 📍 425px and below */
/* ============================= */
@media (max-width: 425px) {

    .ta-content-wrapper{
        gap: 50px;
    }
    .ta-ai-testing-videos{
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ta-contact-section{
        gap: 20px;
    }
    .ta-qa-process-section{
        gap: 30px;
    }
    .ta-journey-start {
        grid-template-columns: 1fr;
    }
    .ta-journey-start-banner{
        display: none;
    }

    .ta-services-title {
        white-space: wrap;
        line-height: 1.5;
    }
    .ta-services-list{
        display: flex;
        flex-direction: column;
    }
    .ta-qa-steps{
        display: flex;
        flex-direction: column;
    }
    .ta-contact-container{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .ta-contact-title{
        text-align: left;
    }
    .ta-service .ta-service-icon{
        bottom: 3%!important;
        right: 2%!important;
    }
    .ta-service-icon img{
        height: 50px;
    }

    .ta-contact-title{
        margin-top: 0;
    }
    .ta-qa-cta-title{
        line-height: 1.5;
    }
}

/* ============================= */
/* 📍 375px and below */
/* ============================= */
@media (max-width: 375px) {
    .ta-content-wrapper{
        gap: 40px;
    }
    .ta-qa-process-section{
        gap: 20px;
    }
    .ta-contact-title{
        text-align: left;
        margin-top: 20px;
    }
    .ta-services-list{
        display: flex;
        flex-direction: column;
    }
    .ta-form-row{
        grid-template-columns: 1fr;
    }
    .ta-qa-steps{
        display: flex;
        flex-direction: column;
    }
    .ta-ai-testing-section{
        margin-bottom: 20px;
    }
    .ta-ai-testing-videos{
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .ta-service .ta-service-icon{
        bottom: 3%!important;
        right: 6%!important;
    }
    .ta-service-icon img{
        height: 40px;
    }
    .ta-qa-cta-title{
        line-height: 1.5;
    }
    .ta-qa-cta-button button{
        line-height: 1.4;
    }
    .ta-contact-container{
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .ta-contact-info{
        display: flex;
        flex-direction: column;
        padding: 0;
        align-items: flex-start;
        gap: 30px;
    }

    .ta-services-title {
        white-space: wrap;
        line-height: 1.5;
    }
    .ta-contact-info{
        justify-content: space-between;
    }
}

/* ============================= */
/* 📍 325px and below */
/* ============================= */
@media (max-width: 325px) {
    .ta-journey-start {
        padding: 20px 40px 20px 40px;
    }
    .ta-qa-cta-button button {
        padding: 14px 28px;
    }
}
/* ============================= */
/* 1024px (Small Laptop / Tablet) */
/* ============================= */
@media (max-width: 1024px) {
    .ta-ai-testing-title { font-size: 28px; }
    .ta-ai-testing-description { font-size: 20px; }
    .ta-ai-video-caption { font-size: 22px; }
    .ta-journey-start-title { font-size: 45px; }
    .ta-journey-start-button { font-size: 16px; }
    .ta-services-title { font-size: 26px; }
    .ta-service-title { font-size: 28px; }
    .ta-service-items { font-size: 19px; }
    .ta-qa-process-header { font-size: 26px; }
    .ta-qa-step-title { font-size: 20px; }
    .ta-qa-step-items { font-size: 17px; }
    .ta-qa-cta-title { font-size: 26px; }
    .ta-qa-cta-button button { font-size: 20px; }
    .ta-contact-title { font-size: 38px; }
    .ta-contact-description { font-size: 21px; }
    .ta-form-header { font-size: 18px; }
    .ta-form-label { font-size: 14px; }
    .ta-form-input,
    .ta-form-textarea { font-size: 14px; }
    .ta-form-button button { font-size: 14px; }
    .ta-info-label { font-size: 18px; }
    .ta-info-detail { font-size: 12px; }
}


/* ==================== */
/* 768px (Tablet) */
/* ==================== */
@media (max-width: 768px) {
    .ta-ai-testing-title { font-size: 24px; }
    .ta-ai-testing-description { font-size: 18px; }
    .ta-ai-video-caption { font-size: 20px; }
    .ta-journey-start-title { font-size: 38px; }
    .ta-journey-start-button { font-size: 12px; }
    .ta-services-title { font-size: 22px; }
    .ta-service-title { font-size: 24px; }
    .ta-service-items { font-size: 18px; }
    .ta-qa-process-header { font-size: 22px; }
    .ta-qa-step-title { font-size: 18px; }
    .ta-qa-step-items { font-size: 16px; }
    .ta-qa-cta-title { font-size: 22px; }
    .ta-qa-cta-button button { font-size: 18px; }
    .ta-contact-title { font-size: 32px; }
    .ta-contact-description { font-size: 19px; }
    .ta-form-header { font-size: 17px; }
    .ta-form-label { font-size: 13px; }
    .ta-form-input,
    .ta-form-textarea { font-size: 13px; }
    .ta-form-button button { font-size: 14px; }
    .ta-info-label { font-size: 16px; }
    .ta-info-detail { font-size: 12px; }
}


/* ==================== */
/* 425px (Large Mobile) */
/* ==================== */
@media (max-width: 425px) {
    .ta-ai-testing-title { font-size: 22px; }
    .ta-ai-testing-description { font-size: 17px; }
    .ta-ai-video-caption { font-size: 18px; }
    .ta-journey-start-title { font-size: 32px; }
    .ta-services-title { font-size: 20px; }
    .ta-service-title { font-size: 20px; }
    .ta-service-items { font-size: 17px; }
    .ta-qa-process-header { font-size: 20px; }
    .ta-qa-step-title { font-size: 17px; }
    .ta-qa-step-items { font-size: 15px; }
    .ta-qa-cta-title { font-size: 20px; }
    .ta-qa-cta-button button { font-size: 16px; }
    .ta-contact-title { font-size: 28px; }
    .ta-contact-description { font-size: 17px; }
    .ta-form-header { font-size: 15px; }
    .ta-form-label { font-size: 13px; }
    .ta-form-input,
    .ta-form-textarea { font-size: 13px; }
    .ta-form-button button { font-size: 14px; }
    .ta-info-label { font-size: 15px; }
    .ta-info-detail { font-size: 11px; }
}


/* ==================== */
/* 375px (Small Mobile) */
/* ==================== */
@media (max-width: 375px) {
    .ta-ai-testing-title { font-size: 20px; }
    .ta-ai-testing-description { font-size: 16px; }
    .ta-ai-video-caption { font-size: 17px; }
    .ta-journey-start-title { font-size: 30px; }
    .ta-services-title { font-size: 19px; }
    .ta-service-title { font-size: 19px; }
    .ta-service-items { font-size: 16px; }
    .ta-qa-process-header { font-size: 18px; }
    .ta-qa-step-title { font-size: 16px; }
    .ta-qa-step-items { font-size: 14px; }
    .ta-qa-cta-title { font-size: 18px; }
    .ta-qa-cta-button button { font-size: 15px; }
    .ta-contact-title { font-size: 26px; }
    .ta-contact-description { font-size: 16px; }
    .ta-form-header { font-size: 14px; }
    .ta-form-label { font-size: 12px; }
    .ta-form-input,
    .ta-form-textarea { font-size: 12px; }
    .ta-form-button button { font-size: 13px; }
    .ta-info-label { font-size: 14px; }
    .ta-info-detail { font-size: 10px; }
}


@media (max-width:320px){
    .ta-ai-testing-title{ font-size:18px; }
    .ta-ai-testing-description{ font-size:16px; }
    .ta-ai-video-caption{ font-size:16px; }
    .ta-journey-start-title{ font-size:28px; }
    .ta-services-title{ font-size:17px; }
    .ta-service-title{ font-size:18px; }
    .ta-service-items{ font-size:15px; }
    .ta-qa-process-header{ font-size:18px; }
    .ta-qa-step-title{ font-size:16px; }
    .ta-qa-step-items{ font-size:14px; }
    .ta-qa-cta-title{ font-size:18px; }
    .ta-qa-cta-button button{ font-size:16px; }
    .ta-contact-title{ font-size:24px; }
    .ta-contact-description{ font-size:15px; }
    .ta-form-header{ font-size:14px; }
    .ta-form-label{ font-size:12px; }
    .ta-form-input, .ta-form-textarea{ font-size:12px; }
    .ta-form-button button{ font-size:12px; }
    .ta-info-label{ font-size:14px; }
    .ta-info-detail{ font-size:10px; }
}