.top-banner-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 128px 0;
    margin-top:50px;
}
.banner-inner {
    position: relative;
    z-index: 1;
    max-width: 1248px;
    margin: 0 auto;
    padding: 0 24px;
}
.home-innertext1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 48px;
    width: 100%;
}
h1.inner-title {font-family: 'avenir_next_worldbold', 'Verdana';font-weight:normal;font-size: 56px;line-height: 64px;color: #333;margin: 0;max-width: 1120px;}
p.inner-desc {font-family: "avenir_next_worldmedium", 'Verdana';font-weight:normal;font-size: 16px;line-height: 28px;color: #717171;margin: 0;max-width: 736px;}
.banner-icon-row {display: flex;flex-wrap: wrap;justify-content: center;gap: 24px;width: 1200px;max-width: 100%;}
.banner-icon-tile {width: 96px;height: 96px;border-radius: 12px;background: #fff;box-shadow: 0px 7.5px 24px 0px rgba(245, 245, 245, 1);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.banner-icon-tile img {width: 48px;height: 48px;object-fit: contain;}
.home-innertext2 { display: flex;justify-content: center; }
a.req-demo {border-color: #222222;background-color: #222222; color: white !important; cursor: pointer;-webkit-box-pack: center;justify-content: center;display: flex;-webkit-box-orient: horizontal; -webkit-box-direction: normal;flex-direction: row; -webkit-box-align: center;align-items: center;font-family: "avenir_next_worlddemi", 'Verdana';font-weight:normal;flex-shrink: 0;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;touch-action: manipulation;white-space: nowrap;-webkit-appearance: none;padding: 13px 16px;border-radius: 8px;height: 48px;min-width: 192px;}
a.req-demo:hover{border-color: #3D3D3D;background-color: #3D3D3D;}
.ass-gradient1{
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    width: 1081px;
    height: 117px;
    max-width: 90%;
    transform: translate(-50%, -50%);
    background: linear-gradient(107deg, rgba(243, 220, 255, 0.55) 5%, rgba(255, 218, 228, 0.55) 47%, rgba(255, 219, 127, 0.55) 88%);
    filter: blur(80px);
}

@media (min-width: 1920px){
    .banner-inner{max-width: 1500px;}
    h1.inner-title{font-size: 64px;line-height: 72px;max-width: 1300px;}
    .ass-gradient1{width: 1400px;height: 152px;}
}
@media (max-width:1439px) and (min-width:1025px)
{
    h1.inner-title{font-size:40px;line-height:48px;}
}
@media(max-width:1366px) and (min-width:1024px){
    .top-banner-section{padding: 100px 0 50px;}
    .features-fold-2-grid-box{ width: 220px; }
    .banner-icon-tile{width: 80px;height: 80px;}
    .banner-icon-tile img{width: 40px;height: 40px;}
    .banner-icon-row{width: 1000px;gap: 20px;}
}
@media (max-width:1024px) and (min-width:768px){
    h1.inner-title{font-size:32px;line-height:40px;}
    .banner-icon-row{flex-wrap: wrap;}
}
@media screen and (max-width: 991px){
    a.req-demo{font-family:'avenir_next_worlddemi', 'Verdana';}
    .top-banner-section{padding: 80px 0 64px;}
    h1.inner-title{font-size: 32px;line-height: 40px;}
    .home-innertext2 {margin-top: 8px;}
    .banner-icon-row{flex-wrap: wrap;}
    .ass-gradient1{width: 90%;height: 300px;}
}

@media (max-width: 767px) {
    h1.inner-title{font-size: 24px;  line-height: 32px;}
    .banner-icon-row{gap: 12px;}
    .banner-icon-tile{width: 64px;height: 64px;border-radius: 10px;}
    .banner-icon-tile img{width: 32px;height: 32px;}
    a.req-demo{max-width: 100%;width:100%;}
    .ass-gradient1{width: 100%;height: 260px;filter: blur(70px);}
}