: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 .text{width:44.89%;position:absolute;top:50%;left:0;z-index:1;transform:translate(0,-50%)}
.text_and_image .title{font-family:var(--pnsb);font-size:70px;line-height:1;color:var(--textcolor)}
.text_and_image .desc{color:var(--textcolor);font-family:var(--pnr);font-size:28px;line-height:1.2;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:1440px){.text_and_image .title{font-size:64px}
.text_and_image .desc{font-size:25px}
.text_and_image .buttonContainer a{font-size:20px}
}
@media screen and (max-width:1366px){.text_and_image .title{font-size:60px}
.text_and_image .desc{font-size:24px}
.text_and_image .buttonContainer a{font-size:18px}
}
@media screen and (max-width:1280px){.text_and_image .title{font-size:54px}
.text_and_image .desc{font-size:22px}
.text_and_image .buttonContainer a{font-size:16px}
}
@media screen and (max-width:1024px){.text_and_image .title{font-size:48px}
.text_and_image .desc{font-size:18px;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:36px}
}