.hero-type-1-component.aem-component{display:flex;justify-content:center;color:#fff}
.hero-type-1-component.aem-component.style-1{background:linear-gradient(77deg,#711245 3.73%,#3b0f79 30.46%,#1b1834 77.33%)}
.hero-type-1-component.aem-component.style-2{background:linear-gradient(77deg,#130f25 0,#a11355 100%)}
.hero-type-1-component.aem-component.style-3{background:linear-gradient(77deg,#0b4a7c 0,#000 100%)}
.hero-type-1-component.aem-component.style-4{background:linear-gradient(77deg,#0c634d 0,#3b0f79 26.56%,#130f25 77.08%,#270f4e 100%)}
.hero-type-1-component.aem-component.style-5{background:linear-gradient(77deg,#4f0ea3 0,#130f25 90.1%)}
.hero-type-1-component.aem-component.style-6{background:linear-gradient(77deg,#291d6a -65.89%,#130f25 73.44%)}
.hero-type-1-component.aem-component.style-7{background:linear-gradient(77deg,#711245 2.66%,#3b0f79 27.6%,#130f25 63.09%,#711245 90.56%)}
.hero-type-1-component.aem-component .flex-container{flex:1;display:flex;align-items:center;max-width:1440px}
.hero-type-1-component.aem-component .flex-container.has-image{background:rgba(19,15,37,0.4);margin:40px 50px 80px;padding:50px;border-radius:24px}
.hero-type-1-component.aem-component .flex-container.has-image .flex.first{margin-right:25px}
.hero-type-1-component.aem-component .flex-container.has-image .flex.second{margin-left:25px}
.hero-type-1-component.aem-component .flex-container.no-image .flex.first{background:rgba(19,15,37,0.4);margin:40px 50px 80px 0;padding:50px;border-radius:24px}
.hero-type-1-component.aem-component .flex-container.no-image .flex.second{height:100%}
.hero-type-1-component.aem-component .flex-container.no-image .flex.second img{height:100%}
.hero-type-1-component.aem-component .flex-container .flex{flex:1}
.hero-type-1-component.aem-component .flex-container .flex .tagline{font-size:20px;font-weight:700;font-family:'PS Commons Bold',serif}
.hero-type-1-component.aem-component .flex-container .flex .tagline.pink{color:#ff1675}
.hero-type-1-component.aem-component .flex-container .flex .tagline.blue{color:#00a3ff}
.hero-type-1-component.aem-component .flex-container .flex .tagline.green{color:#02e088}
.hero-type-1-component.aem-component .flex-container .flex .title{font-weight:700;font-size:40px;line-height:48px;margin:8px 0 12px}
.hero-type-1-component.aem-component .flex-container .flex .description{font-weight:500;font-size:20px;line-height:32px}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button{font-weight:600;font-size:16px;line-height:14px;border-radius:999px;margin:0;transition:all .1s;box-shadow:none}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button:nth-child(1){background:#e7005e;border:2px solid #e7005e}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button:nth-child(1):hover{background:#ff1675}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button:nth-child(1):focus-visible{background:#ff1675;border:2px solid rgba(255,255,255,0.5);outline:0}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button:nth-child(1):active{background:#ff1675;box-shadow:inset 0 10px 20px rgba(0,0,0,0.2),inset 0 4px 0 rgba(0,0,0,0.2)}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button:nth-child(2){margin-left:16px;border:2px solid #585fa2;background:transparent}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button:nth-child(2):hover{background:#585fa2}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button:nth-child(2):focus-visible{background:#585fa2;border:2px solid rgba(255,255,255,0.5);outline:0}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button:nth-child(2):active{background:#585fa2;box-shadow:inset 0 10px 20px rgba(0,0,0,0.2),inset 0 4px 0 rgba(0,0,0,0.2)}
@media screen and (max-width:1024px){.hero-type-1-component.aem-component{text-align:center}
.hero-type-1-component.aem-component .flex-container{flex-direction:column;margin-bottom:0}
.hero-type-1-component.aem-component .flex-container.has-image{padding:32px 24px;margin:24px}
.hero-type-1-component.aem-component .flex-container.has-image .flex.first{margin-right:0}
.hero-type-1-component.aem-component .flex-container.has-image .flex.second{margin-left:0;margin-top:12px}
.hero-type-1-component.aem-component .flex-container.no-image{padding:0;margin:24px}
.hero-type-1-component.aem-component .flex-container.no-image .flex.first{margin:0;padding:24px 24px 12px}
.hero-type-1-component.aem-component .flex-container.no-image .flex.second{margin-top:12px}
.hero-type-1-component.aem-component .flex-container.no-image img{display:none}
.hero-type-1-component.aem-component .flex-container .flex{width:100%}
.hero-type-1-component.aem-component .flex-container .flex .description{margin-bottom:12px}
.hero-type-1-component.aem-component .flex-container .flex .button-group{display:flex;flex-direction:column;align-items:center}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button{display:block;max-width:fit-content;margin-top:12px;margin-bottom:12px}
.hero-type-1-component.aem-component .flex-container .flex .button-group .button.second{margin-left:0}
}
@media screen and (min-width:1024px) and (max-width:1540px){.hero-type-1-component.aem-component .flex-container.no-image .flex.first{margin:40px 50px 80px}
}