.successs-inner-hero-banner
{
    height: 412px;
    aspect-ratio: 4/1;
}
.successs-inner-hero-banner .Btext-wrap
{
    position: relative;
    z-index: 2;
}
.successs-inner-hero-banner .Btext-wrap h1
{
    color: #1A1A1A;
    font-size: 48px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 38px;
}
.successs-inner-hero-banner .Btext-wrap .ss-name
{
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: normal;
background: linear-gradient(90deg, #544FF8 33.61%, #2EB6AE 67.22%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
display: inline-block;
}
.successs-inner-hero-banner .Btext-wrap sup
{
  color: #1A1A1A;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
top: -20px;
}
.successs-inner-hero-banner .img-overly
{
    width: 100%;
    height: 100%;
    background: linear-gradient(95deg, #FFF 54.62%, rgba(255, 255, 255, 0.00) 90.72%);
    position: absolute;
    z-index: 1;
}
/* Banner button */
.download-button {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #242424;
    background: #FFF;
    color: #000;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400
}
.agentic-button {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #111;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400
}
.agentic-button:hover {
    background: linear-gradient(131deg, #544FF8 70.42%, #2EB6AE 102.7%)
}
.agentic-button:hover img {
    transform: scale(1.2)
}
.download-button:hover {
    background: linear-gradient(131deg, #544FF8 70.42%, #2EB6AE 102.7%);
    border-color: #fff;
    color: #fff;
}
.download-button:hover img {
    filter: brightness(0) invert(1);
}
.agentic-button img,
.download-button img {
    transition: transform 0.3s ease
}
.btn-gap{gap: 18px}

    /* Breakpoints */
@media (max-width: 1399.98px) { 
    /* end 1399.98px*/
 }
@media (max-width: 1199.98px) { 
.successs-inner-hero-banner .Btext-wrap h1 {font-size: 38px}
    /* end 1199.98px*/
 }
@media (max-width: 991.98px) { 
    /* end 991.98px*/
.successs-inner-hero-banner .Btext-wrap h1 {font-size: 40px;line-height: normal}
.successs-inner-hero-banner .Btext-wrap p {font-size: 16px !important;line-height: 20px !important}
 }
@media (max-width: 767.98px) { 
    .successs-inner-hero-banner .Btext-wrap h1 {font-size: 32px;line-height: normal}
    .successs-inner-hero-banner .img-overly {display: none;}
    .mobile-img img{width: 100%;height: 100%;position: absolute;}
    .successs-inner-hero-banner .Btext-wrap{text-align: center}
    .btn-gap {align-items: center;justify-content: center;flex-wrap: wrap}
    .successs-inner-img,
    .successs-inner-hero-banner .img-overly
     {display: none;}
    

   /* end 767.98px*/
 

 }
@media (max-width: 575.98px) { 
    /* end 575.98px*/
 }

 @media (min-width: 2000px) { 
    .successs-inner-hero-banner .img-overly
    {
        background: linear-gradient(95deg, #FFF 70.48%, rgba(255, 255, 255, 0.00) 98.04%);
    }
  }