.topbanner {position: relative;}
.topbanner .image-wrapper {background:#000;}
.topbanner .image-wrapper img{width:100%;min-height:970px;max-height:970px;opacity:0.54;object-fit:cover}
.topbanner .text-wrapper {display: flex; align-items: center; width:100%;height:100%;top:0;bottom:0;max-width: 1520px;left: 0;right: 0;margin: auto;padding-top:100px;position: absolute;}
.topbanner .text-wrapper .text{max-width:780px}
.topbanner .text-wrapper .text .heading{font-size:3.9375rem;font-weight:800;line-height: 1.2;color:#fff;text-transform:uppercase}
.topbanner .text-wrapper .text .subheading{font-size:2.1875rem;font-weight:700;line-height: 1;font-family:var(--secondaryFont);color:var(--yellowColour)}
.topbanner .text-wrapper.top {align-items: flex-start; padding-top: 220px;}

.topbanner .text-wrapper .signupbox {display:flex;gap:40px;margin-top:35px;color:#000;background-color:var(--yellowColour);padding:30px 40px;border-radius: 20px;}
.topbanner .text-wrapper .signupbox .suForm{ width: calc(100% - 150px)}
.topbanner .text-wrapper .signupbox .suForm .text {font-size:30px;font-family: var(--secondaryFont);margin-bottom:16px;}
.topbanner .text-wrapper .signupbox .suForm .cell label {font-size:18px;font-weight:bold;display:block;margin-left: 9px;}
.topbanner .text-wrapper .signupbox .suForm .cell input {border-radius: 10px;padding:10px;border:0px;display:inline-block;width:calc(100% - 130px)}
.topbanner .text-wrapper .signupbox .suForm .cell button {display:inline-block;width:100px;margin-left:20px;border-radius: 10px;padding:10px;border:0px;color:#fff;background-color:var(--greenColour)}
.topbanner .text-wrapper .signupbox img {width:110px;object-fit:contain;}

.topbanner .text-wrapper .logoBox {display:grid;grid-template-columns:90px 1fr;color:#fff;margin-top:30px;font-weight:300}
.topbanner .text-wrapper .logoBox .logos {display:flex;gap:20px;padding:16px 20px 14px;overflow: hidden;background: rgba(255,255,255,0.81);border-radius: 20px;}
.topbanner .text-wrapper .logoBox .logos img {mix-blend-mode: multiply;max-width:95px;object-fit:contain}

.topbanner .text-wrapper .logoBox {display:grid;grid-template-columns:90px 1fr;color:#fff;margin-top:30px;font-weight:300;gap:20px;}
.topbanner .text-wrapper .logoBox .logo-slider {background: rgba(255, 255, 255, 0.81);padding:16px 20px 14px;border-radius: 20px;}
.topbanner .text-wrapper .logoBox .logo-slider .splide__track{mix-blend-mode: multiply;}
.topbanner .text-wrapper .logoBox .logo-slider .splide__track img {max-width:100%;height: 100%;margin:auto;object-fit:contain;object-position: center;}
@media (max-width:1580px){
.topbanner .text-wrapper{width:calc(100% - 40px);margin: auto 20px;}
}
@media (max-width:800px){
    .topbanner .text-wrapper .text .heading{font-size:42px;}
    .topbanner .text-wrapper .text .subheading{font-size:26px;}
    .topbanner .text-wrapper .signupbox .suForm .text{font-size: 18px;}
    .topbanner .text-wrapper .signupbox .suForm .cell label {font-size:16px;}
    .topbanner .text-wrapper .signupbox .suForm .cell input {font-size:16px;}
    .topbanner .text-wrapper .signupbox .suForm .cell button {font-size:16px;}
    .topbanner .text-wrapper .logoBox{grid-template-columns: 1fr;}
    .topbanner .text-wrapper .logoBox .text {margin-left: 20px;}
}
@media (max-width:700px){
    .topbanner .text-wrapper .signupbox {position: relative;padding: 20px;}
    .topbanner .text-wrapper .signupbox .suForm {width: 100%;}
    .topbanner .text-wrapper .signupbox img {position: absolute;right: 10px;top: 10px;width: 60px;}
    .topbanner .text-wrapper .logoBox{    position: absolute;bottom: 40px;}
}
@media (max-width:560px){
    .topbanner .text-wrapper .text .heading{font-size:34px;}
    .topbanner .text-wrapper .text .subheading{font-size:20px;}
    .topbanner .text-wrapper .signupbox .suForm .text{font-size: 16px;}
    .topbanner .text-wrapper .signupbox .suForm .cell label {position: absolute;left:-8000px}
    .topbanner .text-wrapper .signupbox .suForm .cell input {width: 100%;font-size: 18px;}
    .topbanner .text-wrapper .signupbox .suForm .cell button {display: block;    font-size: 18px;font-weight: 700;margin: 10px 0px; padding: 10px 35px;width: 100%;}
    .topbanner .text-wrapper .signupbox img {display: none;}
}