/* Section Styles */

.mb-0 {
    margin-bottom: 0rem;
}

.sub-text {
    text-align: center;
    font-size: 1.3rem;
    color: #666;
}

.global-red{
color: #e34e27 !important
}

span.colortwo.uptitle img.img-fluid {
    width: 25rem;
}

span.colortwo.uptitle .innoconnect-logo {
    display: flex;
    justify-content: center;
}

span.colortwo.uptitle p {
    padding-top: 0.5rem;
}

span.colortwo.uptitle p span {
    color: #fff;
    font-size: 1.65rem;
}
      .section {
        padding: 75px 0rem;
        background-color: #fff;
      }

      header#header-area {
        display: none;
      }

      .hero-section {
        height: 30vh;
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
        background: #111c45;
      }

      span.colortwo.uptitle p span:nth-of-type(2) {
          padding: 0rem 1rem;
          opacity: 0.7;
      }

      .hero-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
          135deg,
          #111c45 0%,
          #e34e27 25%,
          #efa524 50%,
          #111c45 75%,
          #e34e27 100%
        );
        background-size: 400% 400%;
        animation: gradientShift 8s ease infinite;
        opacity: 0.9;
      }

      @keyframes gradientShift {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }

      .hero-section .row {
        text-align: center;
        display: flex;
        justify-content: center;
      }

      .hero-section .row h1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
      }

      .colorone {
        font-size: clamp(1.5rem, 4vw, 2.5rem);
        font-weight: 700;
        background: linear-gradient(90deg, #efa524, #e34e27);
        background-size: 200% 200%;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textGradient 3s ease infinite;
        letter-spacing: -0.02em;
      }

      .colortwo {
        font-size: clamp(1rem, 2.5vw, 1.5rem);
        font-weight: 600;
        color: #fff;
        opacity: 0.95;
        letter-spacing: 0.02em;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        line-height: 1rem;
      }

      @keyframes textGradient {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }

      /* Floating AI particles effect */

      .ai-particle {
        position: absolute;
        width: 4px;
        height: 4px;
        background: #efa524;
        border-radius: 50%;
        opacity: 0;
        animation: float 6s infinite;
        z-index: 0;
      }

      .ai-particle:nth-child(1) {
        left: 10%;
        animation-delay: 0s;
      }

      .ai-particle:nth-child(2) {
        left: 20%;
        animation-delay: 1s;
      }

      .ai-particle:nth-child(3) {
        left: 30%;
        animation-delay: 2s;
      }

      .ai-particle:nth-child(4) {
        left: 40%;
        animation-delay: 0.5s;
      }

      .ai-particle:nth-child(5) {
        left: 50%;
        animation-delay: 1.5s;
      }

      .ai-particle:nth-child(6) {
        left: 60%;
        animation-delay: 2.5s;
      }

      .ai-particle:nth-child(7) {
        left: 70%;
        animation-delay: 0.8s;
      }

      .ai-particle:nth-child(8) {
        left: 80%;
        animation-delay: 1.8s;
      }

      .ai-particle:nth-child(9) {
        left: 90%;
        animation-delay: 2.8s;
      }

      @keyframes float {
        0% {
          transform: translateY(100vh) scale(0);
          opacity: 0;
        }
        10% {
          opacity: 0.6;
        }
        90% {
          opacity: 0.6;
        }
        100% {
          transform: translateY(-100px) scale(1);
          opacity: 0;
        }
      }

      span.colortwo.uptitle {
        font-size: 2.2rem;
        line-height: normal;
      }

      @media (max-width: 768px) {
        .hero-section {
          height: 50vh;
        }
        .hero-section .row h1 {
          gap: 0.75rem;
        }
      }

      section.section.highlight-quater .row {
        margin-top: 1.5rem;
      }

      section.section.highlight-quater h2 {
        color: #efa524;
      }
      section.section.highlight-quater p {
        font-size: 1.25rem;
        color: #000;
      }

      .content-analyst-sec ul li:before {
        position: absolute;
        content: "";
        background-repeat: no-repeat;
        background-size: cover;
        left: -20px;
        top: 7px;
        width: 1rem;
        height: 1rem;
        background-image: url(https://www.innominds.com/hubfs/images/arrow-1.png);
      }

      .width-70 {
        max-width: 70%;
      }

      .width-30 {
        max-width: 30%;
      }

      .width-30 img.img-fluid {
        padding: 0rem;
        border-radius: 12px;
        background-color: #fff;
        border: 1px solid grey;
            box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
          rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
            width: 11rem;
      }

      .news-navigation {
        padding: 1rem 0rem;
        background-color: #fff;
      }

      .its-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .news-navigation img.img-fluid {
        width: 15rem;
      }

      .news-navigation p {
        font-size: 1.35rem;
        margin-bottom: 0rem;
        color: #000;
        font-weight: 600;
        margin-top: 0.35rem;
      }

      .duration {
        color: #efa524;
      }

      .content-analyst-sec img.img-fluid {
        margin-bottom: 1rem;
      }

      .img-fluid {
        max-width: 100%;
        height: auto;
        display: block;
      }

      .events-images img.img-fluid {
           box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
      }

      .blog-content img.img-fluid {
        border-radius: 12px;
        margin-bottom: 0.5rem;
      }

      section.second-section .row-band {
        background-color: #fff;
        border-radius: 15px;
        color: #000;
        padding: 1rem 1.5rem;
            box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
      }

      section.second-section .row-band p {
        color: #000;
        font-size: 1.1rem;
        text-align: left;
      }

      section.second-section .row-band p a {
        color: #000;
        font-weight: 600;
      }

      section h2 {
        color: #111c45;
        font-size: 2.2rem;
        margin-bottom: 0.8rem;
        margin-top: 0;
        text-align: center;
      }

      .latets-trends {
        background: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);
      }

      /* Bootstrap Grid System */

      .row {
        display: flex;
        flex-wrap: wrap;
/*         margin-right: -15px;
        margin-left: -15px; */
      }

      .row::after {
        content: "";
        display: table;
        clear: both;
      }

      /* Column Base Styles */

      .col-md-4 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 100%;
        max-width: 100%;
      }

      /* Medium devices (tablets, 768px and up) */

      @media (min-width: 768px) {
        .col-md-4 {
          flex: 0 0 33.333333%;
          max-width: 33.333333%;
        }
      }

      .child-cards {
        text-align: left;
            box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
        background-color: #fff;
        border-radius: 15px;
        position: relative;
        padding: 1.5rem;
        margin-bottom: 1.5rem;
        display: flex;
        flex-direction: column;
        min-height: 270px;
      }

      .child-cards p {
        flex: 1;
        font-size: 1rem;
        margin-bottom: 1rem;
      }

      .child-cards:before {
        position: absolute;
        background-image: url(https://www.innominds.com/hubfs/images/trend.png);
        background-repeat: no-repeat;
        content: "";
        width: 2rem;
        height: 2rem;
        bottom: 20px;
        right: 30px;
        background-size: cover;
      }

      /* Button Styles */

      .button-ct.btn-cta {
        margin-top: auto;
      }

      .button {
        padding: 10px 20px;
        border-radius: 12px;
        color: #fff;
        background: #e34e27;
        border: 1.6px solid #e34e27;
        backdrop-filter: blur(8.046560287475586px);
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        position: relative;
        transition: 0.5s ease;
        overflow: hidden;
        z-index: 1;
      }

      .button::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #e34e27;
        z-index: -1;
        transform-origin: right;
        transition: transform 0.3s ease-in-out;
      }

      .button:hover {
        border: 1.6px solid #e34e27;
        background: transparent;
        color: #e34e27;
        transition: 0.5s ease;
      }

      .button:hover::before {
        transform: scaleX(0);
      }

      /* Additional Sections */

      section.section.yt-video {
        background: linear-gradient(
          135deg,
          #ffffff 0%,
          #e3f2fd 50%,
          #f3e5f5 100%
        );
      }

      .yt-child iframe {
        width: 100%;
        border-radius: 10px;
        height: 100%;
        min-height: 16rem;
      }

      .yt-child h3 {
        font-size: 1.15rem;
        margin-top: 0.5rem;
      }

      section.analyts-sec h2 {
        color: #efa524;
      }

      .content-analyst-sec p {
        font-size: 1.25rem;
        color: #000;
        text-align: left;
        font-weight: 400;
      }

      .content-analyst-sec ul {
        margin-left: -16px;
        margin-top: 0rem;
        margin-bottom: 0rem;
      }

      .content-analyst-sec {
        background-color: #fff;
        border-radius: 15px;
             box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
        color: #000;
        padding: 1rem 1.5rem;
      }

      .content-analyst-sec ul li {
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        color: #000;
        text-align: left;
        list-style: none;
        position: relative;
      }

      .col-md-6,
      .col-md-60,
      .col-md-40 {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        flex: 0 0 100%;
        max-width: 100%;
      }

      section.second-section.section {
        background: linear-gradient(-45deg, #a8edea, #fed6e3, #fbc2eb, #a6c1ee);
      }

      .first-case-study {
        background-color: #fff;
        border-radius: 15px;
            box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
        min-height: 36rem;
        padding: 15px 20px;
        position: relative;
        height: 100%;
      }

      .cta-cards {
        position: absolute;
        bottom: 22px;
      }

      .first-case-study p {
        color: #000;
        font-size: 1.15rem;
      }

      .first-case-study h4 {
        color: #000;
        font-size: 1.35rem;
      }

      .first-case-study ul li {
        color: #000;
        font-size: 1.15rem;
        margin-bottom: 0.5rem;
      }

      .arrow-cta {
        color: #e34e27;
        display: inline-block;
        font-size: 1rem;
        font-weight: 700;
        position: relative;
      }

      .arrow-cta:before {
        animation: moveArrow 2s ease-in-out infinite alternate;
        background-image: url(https://staging.innominds.com/hubfs/images/arrow.png);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        height: 2rem;
        position: absolute;
        right: -2rem;
        top: -3px;
        width: 2rem;
      }

      section.section.case-study h2,
      section.section.blog-study h2,
      section.section.passion-sec h2 {
        color: #efa524;
      }

      .blog-content p {
        min-height: 7rem;
      }

      .blog-content {
        background-color: #fff;
        border-radius: 15px;
         box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
        display: flex;
        flex-direction: column;
        margin-bottom: 1.5rem;
        padding: 1.5rem;
        position: relative;
        text-align: left;
      }

      section.section.events-section {
         background: linear-gradient(135deg, #f0e93b66 0%, #fed6e366 100%);
      }

      section.section.events-section .row {
        margin-bottom: 2rem;
           box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
        border-radius: 15px;
        padding: 25px 30px;
        align-items: center;
        background-color: #fff;
      }

      .blog-content p,
      .events-content p {
        font-size: 1.15rem;
        color: #000;
      }

      section.section.blog-section h2 {
        color: #efa524;
      }

      section.section.passion-sec .row {
            box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
          rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
        padding: 1rem 1.5rem;
        border-radius: 12px;
      }


      section.section.letter-from-editor {
          background: linear-gradient(135deg, #a1ffce 0%, #faffd1 100%);
      }

      .letter-content {
          margin-top: 2rem;
          background-color: #ffffff8a;
          padding: 3rem;
          border-radius: 12px;
                  background: rgba(255, 255, 255, 0.21);
          border-radius: 16px;
              box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
          backdrop-filter: blur(17px);
          -webkit-backdrop-filter: blur(17px);
      }

      .letter-content a {
          color: #e34e27 !important;
          font-weight: 700;
      }

      .letter-content p {
          color: #000;
      }

      .newsletter-team {
          display: flex;
          gap: 10px;
          margin: 2rem 0rem;
        flex-wrap: wrap;
    justify-content: center;
      }

      .newsletter-team-cards {
          text-align: center;
        
          background-color: #fff;
          padding: 15px;
          border-radius: 12px;
          background: rgba(255, 255, 255, 0.21);
          border-radius: 16px;
              box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
          backdrop-filter: blur(17px);
          -webkit-backdrop-filter: blur(17px);
      }

      p.member-name {
          font-weight: 700;
          margin-bottom: 0;
          padding-top: 5px;
          font-size: 1rem;
      }

      .member-image img {
          border-radius: 12px;
      }

      section.section.strategic-partnership h2 {
          color: #efa524;
      }

.section.strategic-partnership .row-sec {
    display: flex;
    flex-wrap: wrap;
      justify-content: center;
       box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
    padding: 1.25rem 0rem;
    background-color: #fff;
    border-radius: 12px;
      align-items: center;
    gap: 3rem;
}

section.second-letterfrom-editor.section h2 {
    margin-bottom: 1.5rem;
}

.strategic-partnership-content {
    display: grid;
    gap: 0.5rem;
}

.strategic-partnership-content p {
    color: #000;
}

.strategic-partnership-images {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.analyst-cards-parents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2rem 0;
      gap: 1rem;
}

.content-analyst-sec img.img-fluid {
    margin-bottom: 1rem;
    max-width: 12rem;
    min-height: 3rem;
}

.toightimage {
    padding: 0rem 15px;
}



.second-letterfrom-editor .newsletter-team {
    gap: 0;
}

.second-letterfrom-editor .row-letter {
    display: flex;
    background-color: #fff;
    box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
    border-radius: 12px;
    padding: 3rem 2.5rem;
    gap: 5rem;
}

.second-letterfrom-editor .letter-content {
    background: unset;
    box-shadow: unset;
    padding: 0;
    margin-top: 0;
    border-radius: unset;
}
.second-letterfrom-editor .letter-content p:first-child {
    padding-bottom: 1.5rem;
}
.second-letterfrom-editor .letter-content p:last-child {
    padding-top: 1.5rem;
}
.second-letterfrom-editor .letter-content p {
    color: #000;
    font-size: 1.35rem;
}

.second-letterfrom-editor .newsletter-team {
    gap: 0;
        padding: 15px 15px;

    display: flex;
    margin: 0rem 0rem;
    flex-wrap: wrap;
    background: #8080803b;
    border-radius: 16px;
    box-shadow: 0 8px 24px hsla(210, 8%, 62%, .2);
  justify-content: flex-start;
}


.second-letterfrom-editor .newsletter-team-cards {
    margin: 0px 0px;
    background-color: unset;
    background: unset;
    border-radius: unset;
    box-shadow: unset;
       padding: 10px 0px;
}

.second-letterfrom-editor .member-image img {
    border-radius: 12px;
    width: 29rem;
}

.second-letterfrom-editor p.member-name {
    font-size: 0.9rem;
}

section.second-letterfrom-editor.section {
    background: linear-gradient(-45deg, #ffffff, #f0f4ff, #f5f9ff, #f1f6ff);
}

.strategic-partnership-content p {
    color: #000;
    font-size: 1.25rem;
}

.strategic-partnership .child-cards:before {
        background-image: unset;
}

.child-cards div img.img-fluid {
    margin-bottom: 0.8rem;
}

.strategic-partnership .child-cards {
    height: 100%;
}
      /* Medium devices (tablets, 768px and up) */

      @media (min-width: 768px) {
        .col-md-6 {
          flex: 0 0 50%;
          max-width: 50%;
        }
        .col-md-60 {
          flex: 0 0 60%;
          max-width: 60%;
        }
        .col-md-40 {
          flex: 0 0 40%;
          max-width: 40%;
        }
      }

      /* Mobile Responsive */

      @media (max-width: 767px) {
        
        .second-letterfrom-editor .row-letter {
            flex-direction: column;
        }
        .its-flex {
          flex-direction: column-reverse;
          gap: 1rem;
        }
        .events-images {
          margin: 1rem 0rem;
        }
        .first-case-study {
          min-height: 41rem;
          margin-bottom: 2rem;
        }
        .its-flex div {
          display: flex;
          flex-direction: column;
          align-items: center;
        }
        .child-cards {
          margin-bottom: 1rem;
        }
        section h2 {
          font-size: 1.8rem;
        }
      }

      @media (max-width: 767px) {
        .child-cards p {
          min-height: 100%;
        }
        
        .section.strategic-partnership .row-sec {
            flex-direction: column;
        }
        
        .width-70, .width-30 {
            max-width: 100%;
        }

        .news-navigation p span:nth-of-type(2) {
          display: none;
        }

        .news-navigation p {
          display: flex;
          flex-direction: column;
          align-items: center;
        }

        .content-analyst-sec p,
        .content-analyst-sec ul li,
        section.second-section .row-band p,
        .first-case-study p,
        .first-case-study ul li,
        .blog-content p,
        .events-content p {
          font-size: 1rem;
        }
        .blog-content p,
        .first-case-study {
          min-height: 100%;
          margin-bottom: 2rem;
        }
        .custom_container .col-md-6 {
          margin-bottom: 1.5rem;
        }
        .first-case-study {
          margin-bottom: 2rem;
          min-height: 100%;
        }
        .yt-child.col-md-4 {
          margin-bottom: 1.5rem;
        }
        .first-case-study h4 {
          font-size: 1.2rem;
        }
        
        section.section.highlight-quater h2 {
            font-size: 1.5rem;
        }

        section.section.highlight-quater p {
            font-size: 1rem;
            padding: 0rem 2rem;
        }

        section.section.highlight-quater .row {
            margin-top: 1rem;
        }

        .letter-content {
            padding: 1rem;
        }

        .section.strategic-partnership .row-sec {
            padding: 1rem 1rem;
            gap: 1rem;
        }

        section.second-section .row-band {
            gap: 1rem;
        }

        section.section.events-section .row {
            padding: 2rem 1rem;
        }
        
        span.colortwo.uptitle img.img-fluid {
            width: 17rem;
        }

        span.colortwo.uptitle p span {
            font-size: 1.25rem;
        }

        span.colortwo.uptitle p {
            display: flex;
            flex-direction: column;
        }

        span.colortwo.uptitle p span:nth-child(2) {
            display: none;
        }
      }