.hero-heading{
    
    width: 100%;
}
.hero-subtitle {
    font-size: 22px;
    font-weight: 500 !important;
    text-align: center; 
}
.hero-title {
    margin-top: 8% ;
   text-align: center; 
   font-weight: 600 !important;
}
.hero-heading p {
   text-align: center; 
}
.hero {
    min-height : 450px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.hero-pattern-top-left
{
    position: absolute;
    top:0;
    left:0;
}

.arc-compliant-section{
    background-color: #f5f5f5 !important;
}
.arc-compliant-header{
    margin-top: 8%;
    /*margin-bottom: 10%;*/
}

.expert-guid-section  {
    padding: 5%;
}
.lastpart {
    padding: 5%;
}

  .advanced-feature-card {
            border: 1px solid #F15B2A80 !important;
            border-radius: 16px;
            padding: 24px;
            height: 100%;
            background: #fff;
            transition: all 0.3s ease;
            z-index: 100;
        }
        
        .advanced-feature-card:hover {
            box-shadow: 0 4px 12px rgba(241, 91, 42, 0.15);
            transform: translateY(-2px);
        }
        
        .advanced-feature-icon {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: #F4A261;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
        }
        
        /*.advanced-feature-icon img {*/
        /*    width: 32px;*/
        /*    height: 32px;*/
        /*    object-fit: contain;*/
        /*}*/
        
        .advanced-feature-title {
            font-size: 20px;
            font-weight: 600;
            color: #2D3748;
            margin-bottom: 12px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        .advanced-feature-description {
            font-size: 14px;
            color: #4A5568;
            line-height: 1.6;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        .container-fluid {
            padding: 40px 20px;
            max-width: 1400px;
            margin: 0 auto;
        }
        
        .row {
            row-gap: 24px;
        }

.expert-guid-section{
    background-color: #F8F8F8;
}
.expert-guid-section p {
    font-size: 32px;
    /*max-width: 80%;*/
    margin-top: 5%;
}
.button-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 5%;;
}

        .primary-btn-3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 12px 16px 12px 24px;
  border-radius: 100px;
  font-family: 'Mulish', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #F15B2B;
  gap: 16px;
  position: relative;
  width: fit-content;
  max-width: 100%;
  transition: all 0.5s ease;
}

        .primary-btn-3:hover,
        .primary-btn-3:active {
            background-color: #F15B2B !important;
            color: #FFFFFF !important;
            transition: all 0.5s;
            border-color: #F15B2B !important;
        }
        
        .primary-btn-3 i {
            background-color: white;
            color: #773DBD;
            font-size: 28px;
            border-radius: 100px;
            padding: 8px 13px;
        }
        
        .primary-btn-3:hover i,
        .primary-btn-3:active i {
            color: #F15B2B;
        }
        
        
        .primary-btn-3 div {
            background-color: #F15B2B;
            color: white;
            border-radius: 100px;
        
        
            position: absolute;
            top: 1px;
            right: 1px;
        
            padding: 0px 15px;
        
            display: flex;
            justify-content: center;
            align-items: center;
            height: 43px;
        
        }
        
        .primary-btn-3 .down_arrow {
            position: absolute;
            top: 1px;
            right: 1px;
            background-color: white;
            color: #773DBD;
            border-radius: 100px;
            padding: 0px 15px;
        
        }
        
        .primary-btn-3:hover .pull-right-3,
        .primary-btn-3:active .pull-right-3 {
            transition: all 0.5s;
            ;
            background-color: #fff !important;
            
        }
        
        .primary-btn-3:hover svg path,
        .primary-btn-3:active svg path {
            transition: all .5s;
            ;
            fill: #F15B2B;
        }

        /*.pull-right-3{*/
        /*    float: right;*/
        /*    margin-top: 0.5%;*/
        /*    position: absolute;*/
        /*    top: 1px;*/
        /*    right: 1px;*/
        /*    background-color: #F15B2B;*/
        /*    color: #FFFFFF;*/
        /*    border-radius: 100px;*/
        /*    padding: 0px 15px;*/
        /*    transition: background-color 0.5s ease; */
        /*}*/
        
        
.primary-btn-3 .pull-right-3 {
  background-color: #F15B2B;
  color: white;
  border-radius: 50%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 43px;
  width: 43px;
  min-width: 43px;
  min-height: 43px;
  flex-shrink: 0;
  transition: background-color 0.5s ease;
}

        .ws-banner{
            display: flex;
            justify-content: center;
            
        }
        .ws-banner > h2 {
            color: #fff;
        }
        
        .awards {
            display: flex;
            flex-wrap: wrap;              /* allows items to move to the next line */
            justify-content: center;      /* center-align for small screens */
            gap: 10px;
            padding: 20px;                /* reduce padding for small devices */
        }
        
        .awards img {
           
            width: 100%;
            height: auto;
            padding: 3%;
            /* keep aspect ratio */
        }
        
        /*arc-section*/
        
        .arc-supplier-section {
          padding: 60px 60px;
          background: #fff;
          font-family: Arial, sans-serif;
          position: relative;
          overflow: hidden;
        }
        
        .arc-dots-bg {
          position: absolute;
          top: 0;
          right: 0;
          width: 200px;
          max-width: 25%;
          height: auto;
          opacity: 0.15;
          pointer-events: none;
        }
        .arc-container {
          /*max-width: 1200px;*/
          margin: 0 auto;
        }
        
        .arc-title {
          text-align: center;
          font-size: 30px;
          font-weight: 600;
          color: #333;
          margin-bottom: 15px;
        }
        
        .arc-title .highlight {
          color: #e53935;
          font-weight: bold;
        }
        
        .arc-title .highlight-orange {
          color: #f57c00;
          font-weight: bold;
        }
        
        .arc-subtext {
          text-align: center;
          font-size: 18px;
          color: #555;
          margin-bottom: 50px;
          line-height: 1.5;
          max-width: 900px;
          margin-left: auto;
          margin-right: auto;
        }
        
        .arc-table-wrapper {
          /*overflow-x: auto;*/
          /*margin-bottom: 40px;*/
          /*margin-top: 40px;*/
            overflow-x: auto;
            margin: 40px 0;
            border-radius: 10px;
        }
        
        .arc-table {
          width: 100%;
          border-collapse: separate;
          border-spacing: 0;
          font-size: 18px;
          overflow: hidden;
          border-radius: 10px;
        }
        
        .arc-table th,
        .arc-table td {
          border: 1px solid #ddd;
          padding: 12px 10px;
          text-align: left;
          vertical-align: top;
        }
        
        .arc-table th {
          background-color: #f3f6f9;
          font-weight: 600;
        }
        
        .arc-table td a {
          color: #1976d2;
          text-decoration: none;
        }
        
        .arc-table td a:hover {
          text-decoration: underline;
        }
        
        
        .arc-table tr:first-child th:first-child {
          border-top-left-radius: 10px;
        }
        .arc-table tr:first-child th:last-child {
          border-top-right-radius: 10px;
        }
        .arc-table tr:last-child td:first-child {
          border-bottom-left-radius: 10px;
        }
        .arc-table tr:last-child td:last-child {
          border-bottom-right-radius: 10px;
        }
        
        .arc-form-placeholder {
          background-color: #f5f5f5;
          height: 200px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #999;
          font-size: 16px;
          border-radius: 8px;
          margin-bottom: 40px;
        }
        
        .arc-features {
            margin-top: 40px;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 20px;
        }
        
        .feature-box {
          background-color: #fdbf5e;
          color: #333;
          padding: 20px;
          border-radius: 16px;
          text-align: center;
          font-size: 18px;
        }
        
        .feature-icon {
          font-size: 30px;
          margin-bottom: 10px;
        }
        
        /*suppliers-section*/
        
        .suppliers-section {
          padding: 60px 60px;
          text-align: center;
        }
        
        .section-title {
          font-size: 28px;
          font-weight: 600;
          color: #333;
          margin-bottom: 50px;
        }
        
        .section-title .highlight {
          color: #E85D27;
        }
        
        .offerings-row {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 80px;
        }
        
         @media (max-width: 768px) {
          .offerings-row {
            gap: 30px; /* medium gap */
          }
        }
        
        @media (max-width: 1412px) {
          .offerings-row {
            gap: 40px; /* maximum gap */
          }
        }
        
        @media (max-width: 1240px) {
          .offering img{
            width: 220px !important;
            height: 220px !important;
          }
        }
        
        
        .offering {
          /*max-width: 200px;*/
        }
        
        .offering img {
          width: 250px;
          height: 250px;
          border-radius: 12px;
          display: block;
        }
        
        .offering2 img {
          width: 302px;
          height: 280px;
          border-radius: 50%;
          display: block;
        }
        
        .offering p {
          margin-top: 12px;
          font-size: 18px;
          color: #333;
          font-weight: 600;
        }
        
        .offering2 p {
          margin-top: 12px;
          font-size: 18px;
          color: #333;
          font-weight: 600;
        }
        
        .video-frame-wrapper {
          width: 100%;
          height: 100%;
          border-radius: 16px;
          overflow: hidden;
          position: absolute;
          top: 0;
          left: 0;
        }


        .light_pattern1{
                position: absolute;
                top: 30px;
                right: 30px;

        }
        
        .light_pattern1 img {
            width:80%;
        }
        
        /* Show desktop video by default */
        .video-desktop {
          display: block !important;
          border-radius: 50px;
        }
        .video-mobile {
          display: none !important;
          border-radius: 50px;
        }
        
        .features-container .primary-btn-3{
            width: 80% !important;
        }
        
        .sf_hero{
            padding: 5%;
        }
        /*.features-container .btn {*/
         
        /*        font-size: 16px !important;*/
        /*        padding: 12px 20px !important;*/
        /*        width: 60%;*/
        /*}*/
         #benefits iframe {
                min-height: 450px !important;
            }
        .ben-contents {
            min-height: 450px !important;
        }
.features-container-ws {
            max-width: 600px;
            background-color: transparent;
        }
        .features-list-ws {
            list-style: none !important;
            padding-left: 1px !important;
        }
        .feature-item-ws {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
        }
        .feature-item-ws:last-child {
            margin-bottom: 0;
        }
        .feature-text-ws {
            color: #333;
            font-size: 18px;
            font-weight: 400;
            flex: 1;
        }

        .features-container-ws .primary-btn-3{
            width: 80% !important;
        }

          .btn span {
              margin-right: 40px;
          }
        /* RESPONSIVE CSS */
        
         @media only screen and (max-width: 1400px) {
              #benefits iframe {
                min-height: 400px !important;
            }
                 .ben-contents {
            min-height: 400px !important;
        }
         }
        
        @media only screen and (max-width: 1199px) {
            .width380{
                max-width: 100%;
            }
            .header-component{
                padding: 40px 60px !important;
            }
            .fs48 {
                font-size: 40px !important;
            }
            .light_pattern1 img {
               width:60%;
            }
        }

        
        @media only screen and (max-width: 1199px) {
            .width380{
                max-width: 100%;
            }
            .header-component{
                padding: 40px 60px !important;
            }
            .fs48 {
                font-size: 40px !important;
            }
            .light_pattern1 img {
               width:60%;
            }
        }

                /* Tablet */
        /* Tablet */
        @media only screen and (max-width: 1199px) {
            .width380{
                max-width: 100%;
            }
            .header-component{
                padding: 40px 60px !important;
            }
            .fs48 {
                font-size: 40px !important;
            }
            .light_pattern1 img {
               width:60%;
            }
            .why-seshaasai-wrapper-1{
                padding: 20px 0px 0px 0px !important;
            }
            .btn {
                font-size: 16px !important;
                padding: 12px 20px !important;
                width: 100%;
                text-align: center !important;
            }
        }
        
        @media only screen and (max-width: 1067px) {
            .btn span {
                margin-right: 10px;
            }
            .btn {
                font-size: 15px !important;
            }
            .hero-pattern-top-left {
                opacity: 0.4;
            }
        }

        /* Small Tablet */
        @media only screen and (max-width: 992px) {
            .header-component{
                flex-direction: column;
                padding: 30px 40px !important;
                text-align: center;
            }
            .feature-item{
                text-align: left;
            }
            .banner-video-wrapper{
                width: 100%;
                display: flex;
                justify-content: center;
            }
       
            .banner-video {
                width: 80%;
                margin-top: 30px;
                display: flex;
                justify-content: center;
            }
            .fs48 {
                font-size: 36px !important;
            }
            .features-container {
                max-width: 100%;
            }
            .features-container-ws {
                max-width: 100%;
            }
            .light_pattern1 img {
                width:50%;
            }
            #contact-lp{
                width: 80% !important;
            }
             .why-seshaasai-wrapper-1 {
                position: relative;              /* ✅ make container relative */
                flex-direction: column;          /* ✅ stack children vertically */
                align-items: center;             /* ✅ center horizontally */
                justify-content: center;         /* ✅ center vertically if needed */
                text-align: center;              /* ✅ center text inside children */
                /*padding: 40px 30px !important;*/
                gap: 30px;
              }
              .feature-text-ws{
                  text-align: left;
              }
              .ws-video, .ws-content-list {
                width: 100% !important;          /* ✅ full width on small screens */
                max-width: 600px;                /* ✅ optional: limit width for better layout */
              }
            .video-desktop {
              display: block !important;
            }
            .video-mobile {
              display: none !important;
            }
                        .btn {
                font-size: 16px !important;
                padding: 12px 20px !important;
                width: 100%;
                text-align: center !important;
            }
            .sub{
                font-size:22px !important;
            }
            
            #benefits iframe {
                min-height: 390px !important;
            }
        }

        /* Mobile Large */
        @media only screen and (max-width: 768px) {
            .header-component{
                padding: 20px 30px !important;
            }
            .fs48 {
                font-size: 28px !important;
            }
            .feature-text {
                font-size: 16px;
            }
            .feature-text-ws {
                font-size: 16px;
            }
            .checkmark-icon {
                width: 16px;
                height: 16px;
            }
            .banner-video {
                width: 100%;
            }
            .btn {
                font-size: 16px !important;
                /*padding: 12px 20px !important;*/
                width: 100%;
                text-align: center !important;
            }
            .light_pattern1 img {
                display: none;
            }
            #contact-lp{
                width: 90% !important;
            }
            .arc-supplier-section{
                padding: 60px 20px;    
            }
            .video-desktop {
              display: none !important;
            }
            .video-mobile {
              display: block !important;
            }
            .awards img {
                flex: 1 1 calc(33.33% - 10px); /* 3 per row on tablets */
            }
            
            .sub{
                font-size: 18px !important;
            }
        }

        /* Mobile */
        @media only screen and (max-width: 576px) {
            .header-component{
                padding: 15px 20px !important;
            }
            .header-component h1{
                text-align: center;
            }
            .fs48 {
                font-size: 24px !important;
                line-height: 1.3;
            }
            .feature-text {
                font-size: 14px;
            }
            .feature-text-ws {
                font-size: 14px;
            }
            .checkmark-icon {
                width: 14px;
                height: 14px;
                margin-right: 8px;
            }
            .feature-item {
                margin-bottom: 10px;
            }
            .feature-item-ws {
                margin-bottom: 10px;
            }
            .btn {
                font-size: 15px !important;
                /*padding: 10px 16px !important;*/
            }
            .pull-right svg {
                width: 16px;
                height: 12px;
            }
            #contact-lp{
                width: 100% !important;
            }
            .arc-supplier-section{
                padding: 60px 10px;    
            }
            .why-seshaasai-wrapper{
                padding: 64px 20px !important;
            }
            .sf_hero h1 {
                padding-inline: 0px;
            }
            .sf_hero h1 span {
                padding-inline: 0px;
            }
            .sf_hero .fast-reliable{
                font-size: 18px !important;
            }
        }

        /* Mobile Small */
        @media only screen and (max-width: 480px) {
            .header-component{
                padding: 10px 15px !important;
            }
            .fs48 {
                font-size: 20px !important;
            }
            .feature-text {
                font-size: 13px;
            }
            .feature-text-ws {
                font-size: 13px;
            }
            .features-container {
                margin-bottom: 20px;
            }
            .why-seshaasai-wrapper-1{
                padding: 20px 5px !important;;
            }
            .awards img {
                flex: 1 1 calc(50% - 10px); /* 2 per row on phones */
            }
            .sub{
                font-size: 14px !important;
            }
        }
        
        @media only screen and (max-width: 428px) {

            .why-seshaasai-wrapper-1 .btn{
                text-align: left !important;
                font-size: 13px;
            }
            .why-seshaasai-wrapper-1 .pull-right-3{
                margin-top:7px;
            }
        }