.content-block-outer{
position: relative;
margin-left: 5rem;
width: 100%;
}
.content-block-item{
text-decoration: none;
width: 64rem;
}
.content-block-img img{
width: 100%;
height: 41.6rem;
object-fit: cover;
object-position: center;
}
.content-block-text{
background: #FFE664;
padding: 2.4rem;
margin-top: -6.7rem;
position: relative;
z-index: 1;
min-height: 9.4rem;
}
.tns-slide-active .content-block-text{
opacity: 0;
}
.tns-slide-active + .tns-slide-active .content-block-text{
opacity: 1;
}
.content-block-box{
position: relative;
width: 25.6rem;
padding: 3.2rem 2.4rem;
background: #FFE974;
margin-top: -9rem;
margin-left: -9.2rem;
display: flex;
flex-direction: column;
}
.content-block-box .content-block-nav-text p,.content-block-item .content-block-text p{
font-family: 'Gentium Plus';
font-weight: bold;
}
.content-block-nav{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 1.6rem;
}
.content-block-arrow{
cursor: pointer;
outline: none !important;
}
.content-block-arrow img{
width: 5.7rem;
}
.content-block-arrow img:hover{
opacity: 0.7;
}
.content-block-nav-text{
margin-top: auto;
}
@media(min-width:1260px) and (max-width:1359.98px){
.content-block-item {
width: 59rem;
}
.content-block-outer {
margin-left: 6rem;
}
.content-block-box {
margin-left: -6.2rem;
}
.content-block-img img {
height: 36.4rem;
}
}
@media(min-width:1200px) and (max-width:1259.98px){
.content-block-outer {
margin-left: 4rem;
width: calc(100% + -3.8rem);
}
.content-block-box {
margin-left: -4.2rem;
}
.content-block-item {
width: 60rem;
}
.content-block-img img {
height: 37rem;
}
}
@media(min-width:992px) and (max-width:1199.98px){
.content-block-outer {
margin-left: 1rem;
width: 100%;
}
.content-block-box {
width: 22.6rem;
padding: 3.2rem 1.6rem;
margin-left: -2.2rem;
margin-top: -11rem;
}
.content-block-item {
width: 53rem;
}
.content-block-img img {
height: 32.4rem;
}
.content-block-text {
margin-top: -4.7rem;
}
}	
@media(min-width:768px) and (max-width:991.98px){
.content-block-outer {
margin-left: 1rem;
width: 100%;
}
.content-block-box {
width: 22.6rem;
padding: 3.2rem 1.6rem;
margin-left: -2.2rem;
}
.content-block-item {
width: 50rem;
}
.content-block-img img {
height: 31rem;
}
.content-block-text {
padding: 1.6rem;
margin-top: -3.7rem;
min-height: 7.8rem;
}
}
@media(max-width:767.98px){
.container:has(.content-block-outer){
padding-right: 0;
}
.content-block-outer {
margin-left: 0;
width: 100%;
}
.content-block-box{
display: none;
}
.tns-slide-active .content-block-text {
opacity: 1;
}
.content-block-item {
width: 26.8rem;
}
.content-block-img img {
height: 40rem;
}
.content-block-text {
padding: 1.6rem;
margin-top: 0;
min-height: inherit;
}
.content-block-text .h6 *,
.tns-slide-active + .tns-slide-active .content-block-text .h6 *{
font-size: 1.6rem !important;
line-height: 1.9rem !important;
}
.tns-slide-active .content-block-text .h6 *{
font-size: 2.8rem !important;
line-height: 4rem !important;
}
}