.main-banner-wrapper{padding:64px 64px 0 64px}
.bann-gradient{background:radial-gradient(50% 50% at 50% 50%,#9747ff -120%,rgba(151,71,255,0) 100%);position:relative}
.bann-top{border-radius:12px;width:54%;margin:auto}
.bann-details .bann-heading{font-family:var(--ff-opensans);font-weight:var(--fw-medium);font-size:56px;font-weight:var(--fw-semibold);line-height:67.2px;text-align:center;color:rgba(67,80,86,1)}
.bann-details .bann-desc{margin-top:16px;padding:0 12%;font-family:var(--ff-opensans);font-weight:var(--fw-medium);font-size:20px;font-weight:500;line-height:28px;text-align:center;color:rgba(90,106,114,1)}
.bann-top .bann-btn{margin-top:48px;display:inline-flex;gap:16px;width:100%;justify-content:center;align-items:center}
.bann-top .bann-btn>a.wite-btn{background:rgba(252,251,254,1);color:#5c3899}
.bann-top .bann-btn>a.wite-btn:hover{background:rgba(241,236,248,1);color:#482c77}
.bann-top .bann-btn>a{text-decoration:unset;box-shadow:0 8px 24px 0 rgba(72,44,119,0.16);background:linear-gradient(136.95deg,#482c77 -17.19%,#673fae 61.19%);display:flex;width:100%;max-width:328px;padding:14px;justify-content:center;align-items:center;gap:8px;color:#f1ecf8;border-radius:12px;border:0;font-size:14px;font-family:var(--ff-opensans);font-weight:var(--fw-semibold);cursor:pointer}
.bann-top .bann-btn>a:first-child:hover{border:1px solid var(--Primary-50,#8c5acb);background:rgba(72,44,119,1);box-shadow:0 8px 24px 0 rgba(72,44,119,0.16)}
.bann-imges{margin-top:48px;padding:0 7%}
.bann-imges picture>img{width:100%;height:auto}
.bann-gradient .overlay{background:radial-gradient(82.79% 100% at 50% 0,rgba(255,255,255,0) 49.79%,#fff 100%);position:absolute;height:40%;bottom:0;width:100%}
@media only screen and (max-width:1312px){.bann-top{width:57%}
}
@media only screen and (max-width:1024px){.bann-top{width:75%}
}
@media only screen and (max-width:800px){.bann-top{width:100%}
.bann-gradient{background:radial-gradient(53% 38% at 50% 52%,#9747ff -130%,rgba(151,71,255,0) 98%)}
}
@media only screen and (max-width:450px){.main-banner-wrapper{padding:32px 16px 0}
.bann-details .bann-heading{font-size:33px;font-weight:var(--fw-semibold);line-height:38.4px}
.bann-top .bann-btn{display:flex;flex-direction:column;gap:8px}
.bann-top .bann-btn>a{padding:14px 43px}
.bann-details .bann-desc{margin-top:16px;padding:0 11%;font-size:16px;font-family:var(--ff-opensans);font-weight:var(--fw-medium);font-weight:400;line-height:21.79px}
.bann-imges{padding:0}
.bann-gradient{background:radial-gradient(50% 50% at 50% 89%,#9747ff -120%,rgba(151,71,255,0) 133%)}
.bann-gradient .overlay{height:30%}
}