:root{--bgcolor:#2b0060;--textcolor:#fff;--buttonBg:#fff;--buttonText:#2b0060}
.text_and_image{background:var(--bgcolor)}
.text_and_image_container{display:flex;max-width:1440px;margin:0 auto;width:92%;position:relative;justify-content:flex-end}
.text_and_image.homepage-text-and-image-right .text_and_image_container{justify-content:flex-start}
.text_and_image .text{width:44.89%;position:absolute;top:50%;left:0;z-index:1;transform:translate(0,-50%)}
.text_and_image.homepage-text-and-image-right .text{left:unset;right:0}
.text_and_image .title{font-family:var(--pnsb);font-size:4rem;line-height:1.2;color:var(--textcolor)}
.text_and_image .desc{color:var(--textcolor);font-family:var(--pnr);font-size:1.5rem;line-height:1.3;width:67%;margin:40px 0 0}
.text_and_image .buttonContainer{justify-content:left;margin:40px 0 0}
.text_and_image .buttonContainer a{background-color:var(--buttonBg);color:var(--buttonText);padding:15px 25px !important}
.text_and_image .image{position:relative;width:66.67%}
.text_and_image .image img{width:100%}
.text_and_image .playBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14%}
@media screen and (max-width:1700px){.text_and_image .title{font-size:3.6rem;line-height:1.2}
.text_and_image .desc{font-size:1.56rem;line-height:1.3}
.text_and_image .buttonContainer a{font-size:1.25rem;line-height:1.5}
}
@media screen and (max-width:1440px){.text_and_image .title{font-size:3rem;line-height:1.2}
.text_and_image .desc{font-size:1.4rem;line-height:1.3}
.text_and_image .buttonContainer a{font-size:1.25rem;line-height:1.5}
}
@media screen and (max-width:1366px){.text_and_image .title{font-size:3rem}
.text_and_image .desc{font-size:1.3rem}
.text_and_image .buttonContainer a{font-size:1.125rem;font-size:3.75rem;line-height:1.2}
.text_and_image .desc{font-size:1.5rem;line-height:1.3}
.text_and_image .buttonContainer a{font-size:1.125rem;line-height:1.5}
}
@media screen and (max-width:1280px){.text_and_image .title{font-size:2.5rem;line-height:1.2}
.text_and_image .desc{font-size:1.275rem;line-height:1.3}
.text_and_image .buttonContainer a{font-size:1rem;line-height:1.5}
}
@media screen and (max-width:1024px){.text_and_image .title{font-size:2.2rem;line-height:1.2}
.text_and_image .desc{font-size:1.125rem;line-height:1.3;margin:20px 0 0}
.text_and_image .buttonContainer{margin:30px 0 0}
}
@media screen and (max-width:990px){.text_and_image_container{flex-direction:column}
.text_and_image .text{position:relative;width:100%;top:unset;transform:unset;margin:0 0 40px}
.text_and_image .desc{width:100%}
.text_and_image .image{width:100%}
.text_and_image .buttonContainer{margin:30px 0 0}
}
@media screen and (max-width:768px){.text_and_image .title{font-size:2.25rem;line-height:1.2}
}
.text_and_image .playBtn:focus-visible{outline:#2f2452 3px dashed !important;outline-offset:2px}