.blog-banner-gen2{
    padding-top: 12rem;
}
.banner-text{
    padding: 2rem 0 0;
}
.banner-text p{
    /*max-width: 780px;*/
    /*margin: 0 auto;*/
    /*text-align: center;*/
}
.blog-banner-gen2 p{
    /*text-align: center;*/
}
.agentic-ai-wrapper{
    display: flex;
    justify-content: space-between;
}
.agentic-ai-card1{
    width: 60%;
}
.agentic-ai-card2{
    width: 40%;
}
.agentic-ai-card1 h1{
    font-weight: 600;
    font-size: 200%;
}
.gen-2-img-wrapper{
    padding: 0;
}
.three-ways-head h2{
    font-weight: 700;
    margin-bottom: 20px;
    font-family: "Montserrat", Sans-Serif;
    text-align: center;
    font-size: 200%;
}
.three-ways{
    background-color: #F0F0F0;
    padding: 2rem 0;
}

.tabs, .inner-tabs {
    display: flex;
    border-bottom: unset;
    margin-bottom: 20px;
}

.tabs li, .inner-tabs li {
    list-style: none;
    padding: 10px 46px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-bottom: none;
    margin-right: 5px;
    /*background: #0054E9;*/
    /*background: linear-gradient(180deg, rgba(0, 84, 233, 1) 0%, rgba(0, 46, 152, 1) 100%);*/
    /*color: #fff;*/
    font-weight: 600;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
    background: #fff;
    color: #000;
    font-family: "Montserrat", Sans-Serif;
}

.tabs li.active, .inner-tabs li.active {
    background: #1d4b98;
    /*color: #fff;*/
    /*background: linear-gradient(180deg, rgba(0, 84, 233, 1) 0%, rgba(0, 46, 152, 1) 100%);*/
    color: #fff;
}

.tab-content, .inner-content {
    display: none;
    padding: 15px;
    border: 1px solid #ddd;
}

.tab-content.active,
.inner-content.active {
    display: block;
}

.industry-wrapper{
    display: flex;
    justify-content: space-between;
}
.industry p{
    text-align: center;
}
.industry-card{
    background-color: #fff;
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
}
.industry-card:nth-child(3){
    margin-right: 0;
}
.industry-card h3{
    color: #1d4b98;
    font-size: 115%;
    font-weight: 700;
}
.industry-card ul li{
    list-style: disc;
    font-family: "Montserrat", Sans-Serif;
}
.foot-tip{
    margin-top: 1rem;
    color: #000;
}
.industry  p{
    color: #000;
}
.ai-model p{
    text-align: center;
    color: #000;
    max-width: 800px;
    margin: 0 auto;
}
.ai-model-wrapper{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ai-model-card{
    width: calc((75% - 40px) / 2);
    margin-right: 20px;
    margin-top: 2rem;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
}
.ai-model-card p{
    font-weight: 600;
    color: #000;
}
.securityG p{
    color: #000;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 1rem;
}
.security-card-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.security-card{
    width: 80%;
    background-color: #fff;
    border-radius: 8px;
    margin: 1rem auto 0;
    justify-content: center;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
}
.security-card p{
    margin: 5px 0;
    font-weight: 700;
}
.securityG .foot-note{
    max-width: 800px;
    margin: 1rem auto 0;
}
.blue{
    color: #1d4b98;
}
.thread{
    padding: 2rem 0;
}
.thread-bg{
    background: url(/assets/img/thread-bg.png) no-repeat center center;
    background-size: cover;
}
.thread-head h2{
    font-weight: 700;
    font-family: "Montserrat", Sans-Serif;
    text-align: center;
    font-size: 200%;
}
.thread-card{
    width: 43%;
    position: relative;
    margin-top: 2rem;
}
.thread-card p{
    margin-left: 15px;
    color: #000;
}
.thread-card::before{
    content: "";
    /*background-color: #3482FF;*/
    background-color: #1d4b98;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    position: absolute;
}
.thread-card:nth-child(2){
    margin-left: 12rem;
}
.thread-card:nth-child(3){
    margin-left: 25rem;
}
.next-move{
    padding: 3rem 0 2rem;
    /*background: #0054E9;*/
    /*background: linear-gradient(180deg, rgba(0, 84, 233, 1) 0%, rgba(0, 46, 152, 1) 100%);*/
    background-color: #1d4b98;
}
.next-move-head h2{
    font-weight: 700;
    margin-bottom: 2rem;
    font-family: "Montserrat", Sans-Serif;
    text-align: center;
    font-size: 200%;
    color: #fff;
}
.move-wrapper{
    display: flex;
    justify-content: space-between;
}
.move-card{
    position: relative;
    width: calc((100% - 30px) / 2);
    margin-right: 30px;
}
.move-card:nth-child(2){
    margin-right: 0;
}
.move-text-wrapper {
    position: absolute;
    top: 4%;
    text-align: center;
    color: #000;
    width: 74%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.move-text-wrapper p{
    color: #000;
    font-weight: 500;
}
.move-img-wrapper img{
    width: 100%;
    height: auto;
    aspect-ratio: auto 480/480;
}
.solo-expert{
    padding: 2rem 0;
}
.solo-expert-head h2{
    font-weight: 700;
    margin-bottom: 20px;
    font-family: "Montserrat", Sans-Serif;
    text-align: center;
    font-size: 200%;
    color: #000;
}
.solo-expert-head p{
    color: #000;
    font-weight: 700;
    text-align: center;
}
.desktop-gen2-0{
    display: block;
}
.mob-gen2-0{
    display: none;
}
.blog-banner-img-wrapper img{
    width: 100%;
    height: auto;
    aspect-ratio: auto 1170/420;
}
.no-word-break{
    word-break: keep-all;
    white-space: normal;
    hyphens: none;
}
.agentic-ai-card1 p{
    display: inline-block;
}
.move-img-wrapper{
    width: 86%;
    margin: 0 auto;
}
.move-img-wrapper img{
    width: 100%;
    height: auto;
    aspect-ratio: auto 480/480;
}
@media (min-width: 2000px) and (max-width: 2400px) {
     .blog-banner-gen2 {
        padding-top: 13rem;
    }
    .banner-text p{
        /*max-width: 1200px;*/
    }
    .agentic-ai-card1 h3 {
        font-size: 200%;
    }
    .agentic-ai-card1 {
        width: 59%;
    }
   .three-ways{
       padding: 3rem 0;
   }
   .tabs li, .inner-tabs li{
       font-size: 138%;
       padding: 15px 12px;
   }
   .security-card p{
       margin: 12px 15px;
   }
   .industry-card ul li{
       font-weight: 400;
       font-size: 120%;
   }
   .industry-card h3 {
       font-size: 130%;
   }
   .securityG p {
       max-width: 1000px;
   }
   .ai-model p{
       max-width: 900px;
   }
   .three-ways-head h2{
       font-size: 300%;
   }
   .thread-head h2{
       font-size: 300%;
   }
   .thread-card{
       width: 58%;
   }
   .thread-card:nth-child(2) {
        margin-left: 20rem;
    }
    .thread-card:nth-child(3) {
        margin-left: 36rem;
    }
    .next-move-head h2{
        font-size: 300%;
        margin-bottom: 2rem;
    }
    .solo-expert-head h2{
        font-size: 300%;
    }
    .move-text-wrapper{
        width: 88%;
    }
    .move-img-wrapper{
        width: 100%;
    }
}

@media (min-width: 1601px) and (max-width: 1999px) {
    .blog-banner-gen2 {
        padding-top: 13rem;
    }
    .banner-text p{
        /*max-width: 1000px;*/
    }
    .agentic-ai-card1 {
        width: 59%;
    }
   .three-ways{
       padding: 3rem 0;
   }
    .three-ways-head h2{
       font-size: 250%;
   }
   .tabs li, .inner-tabs li{
       font-size: 115%;
   }
   .industry-card ul li{
       font-weight: 400;
   }
   .ai-model p{
       max-width: 900px;
   }
   .thread-head h2{
       font-size: 250%;
   }
   .thread-card:nth-child(2) {
        margin-left: 20rem;
    }
    .thread-card:nth-child(3) {
        margin-left: 36rem;
    }
    .next-move-head h2{
        font-size: 250%;
    }
    .solo-expert-head h2{
        font-size: 250%;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    /* ipad-pro */
    .agentic-ai-card1 {
        width: 59%;
    }
    .tabs li, .inner-tabs li{
        padding: 10px 20px;
    }
    .industry-card ul{
        padding-left: 1rem !important;   
    }
    .ai-model-card{
        margin-top: 1rem;
    }
    .thread-card{
        width: 51%;
    }
    .move-text-wrapper{
        width: 88%;
    }
    .move-img-wrapper{
        width: 95%;
    }
}

@media (min-width: 820px) and (max-width: 1023px) {
    /* ipad air */
      .blog-banner-gen2 {
        padding-top: 11rem;
    }
    .banner-text {
        padding: 1rem 0;
    }
    .agentic-ai-wrapper{
        flex-wrap: wrap;
    }
    .agentic-ai-card1{
        width: 100%;
    }
    .agentic-ai-card2{
        width: 100%;
    }
    .three-ways-head h2{
        font-size: 185%;
    }
    .tabs li, .inner-tabs li{
        padding: 10px;
    }
    .industry-card{
        padding: 10px;
    }
    .industry-card ul{
        margin-left: 0rem;
        padding-left: 15px;
    }
    .ai-model-card{
        width: calc((90% - 40px) / 2);
        padding: 10px;
    }
    .thread-head h2{
        font-size: 185%;
    }
    .thread-card:nth-child(2) {
        margin-left: 6rem;
    }
    .thread-card:nth-child(3) {
        margin-left: 14rem;
    }
    .thread-card{
        width: 68%;
    }
    .move-img-wrapper{
        width: 100%;
    }
    .next-move-head h2{
        font-size: 185%;
    }
    .move-card{
        width: calc((100% - 2px) / 2);
        margin-right: 2px;
    }
    .move-text-wrapper{
        top: 2%;
        width: 95%;
    }
    .solo-expert-head h2{
        font-size: 185%;
    }
    .security-card{
        width: 96%;
    }
}

@media (min-width: 768px) and (max-width: 819px) {
    /* ipad mini */
    .blog-banner-gen2 {
        padding-top: 11rem;
    }
    .banner-text {
        padding: 1rem 0;
    }
    .agentic-ai-wrapper{
        flex-wrap: wrap;
    }
    .agentic-ai-card1{
        width: 100%;
    }
    .agentic-ai-card2{
        width: 100%;
    }
    .three-ways-head h2{
        font-size: 185%;
    }
    .tabs li, .inner-tabs li{
        padding: 10px;
    }
    .industry-card{
        padding: 10px;
    }
    .industry-card ul{
        margin-left: 0rem;
    }
    .ai-model-card{
        width: calc((90% - 40px) / 2);
        padding: 10px;
    }
    .thread-head h2{
        font-size: 185%;
    }
    .thread-card:nth-child(2) {
        margin-left: 6rem;
    }
    .thread-card:nth-child(3) {
        margin-left: 14rem;
    }
    .thread-card{
        width: 55%;
    }
    .next-move-head h2{
        font-size: 185%;
    }
    .move-card{
        width: calc((100% - 2px) / 2);
        margin-right: 2px;
    }
    .move-text-wrapper{
        top: 2%;
        width: 91%;
    }
    .move-img-wrapper{
        width: 100%;
    }
    .solo-expert-head h2{
        font-size: 185%;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    /* mobile */
    .blog-banner-gen2 {
        padding-top: 11rem;
    }
    .banner-text {
        padding: 1rem 0;
        text-align: center;
    }
    .blog-banner-gen2 p{
        text-align: center;
    }
    .agentic-ai{
        padding: 2rem 0;
    }
    .agentic-ai-wrapper{
        flex-wrap: wrap;   
    }
    .agentic-ai-card1{
        width: 100%;   
    }
    .agentic-ai-card2{
        width: 100%;
    }
    .agentic-ai-card1 h3{
        text-align: center;   
    }
    .three-ways-head h2{
        font-size: 175%;
    }
    .tabs li, .inner-tabs li{
        margin-top: 10px;
    }
    .industry-wrapper{
        flex-wrap: wrap;
    }
    .industry-card{
        width: 100%;
        margin-top: 10px;
    }
    .ai-model-card{
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
    }
    .security-card {
        width: 92%;
       padding: 0 10px;
    }
    .thread-head h2{
        font-size: 175%;
    }
    .thread-card{
        width: 90%;
    }
    .thread-card:nth-child(2) {
        margin-left: 2.5rem;
        width: 81%;
    }
    .thread-card:nth-child(3) {
        margin-left: 5rem;
        width: 80%;
    }
    .next-move-head h2{
        font-size: 175%;
    }
    .move-wrapper{
        flex-wrap: wrap;
    }
    .move-card{
        width: 100%;
        margin-right: 0;
    }
    .solo-expert-head h2{
        font-size: 175%;
    }
    .desktop-gen2-0{
        display: none;
    }
    .mob-gen2-0{
        display: block;
    }
    .desktop-gen2-0 img{
        width: 100%;
        height: auto;
        aspect-ratio: auto 1280/355;
    }
    .gen-2-img-wrapper {
        padding: 0 0 2rem;
    }
    .move-img-wrapper{
        width: 100%;
    }
    .move-text-wrapper{
        width: 92%;
    }
}