﻿.worldCupNews .pattern02 {
    background: #232323;
    padding: 16px;
    position: relative;
    overflow: visible;
}

.worldCupNews .pattern02 .ttl,
.worldCupNews .pattern02 .allItems {
    position: relative;
}

.worldCupNews .pattern02 .ttl {
    overflow: visible;
}

.worldCupNews .pattern02 .ttl::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -33px;
    transform: translateX(-50%);
    width: 120px;
    height: 78px;
    background-image: url(../../Images/worldCup/masrawy-cup.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.worldCupNews .pattern02::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../../Images/worldCup/leftObject.webp);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    pointer-events: none;
}

    .worldCupNews .pattern02::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url(../../Images/worldCup/rightObject.webp);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: auto;
        pointer-events: none;
    }

.worldCupNews .pattern02.sports .ttl {
    border-bottom: 1px solid rgba(4, 207, 92, 0.2);
}

.worldCupNews .pattern02.sports .ttl h3 {
    background: none;
    font-size: 19px;
}

.worldCupNews .pattern02.sports .ttl h3 a {
    color: #04cf5c;
}

.worldCupNews .pattern02.sports .ttl .more {
    color: #04cf5c;
}

.worldCupNews .pattern02.sports .ttl .secMenu li a {
    color: #04cf5c;
}

.worldCupNews .pattern02 ul li:first-child{
    z-index:1
}

.worldCupNews .pattern02.sports li.icon-video.sports .imageCntnr span,
.worldCupNews .pattern02.sports ul li.icon-image.sports .imageCntnr span {
    display: none;
}

@media screen and (max-width:1279px){

.worldCupNews .pattern02 .ttl .openLinksMenu .secMenu {
      z-index:2
    }

.worldCupNews .pattern02 ul li:first-child{
    z-index:0;
}

.worldCupNews .pattern02 ul li:nth-child(4) {
    z-index: 1;
}

.worldCupNews .pattern02.sports .ttl .secMenu li a {
    color: #000;
}

}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .worldCupNews .pattern02::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url(../../Images/worldCup/leftObject-mobile.webp);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: auto;
        pointer-events: none;
    }

    .worldCupNews .pattern02::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url(../../Images/worldCup/rightObject-mobile.webp);
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: auto;
        pointer-events: none;
    }


    .worldCupNews .pattern02 ul li {
        border: none;
        background: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    .worldCupNews .pattern02 .desc h2 a {
        color: #fff;
    }

    .worldCupNews .pattern02 ul li:nth-last-child(-n+4) .secName.sports {
        color: #04CF5C;
    }

    .worldCupNews .pattern02 ul li:nth-child(5) {
        z-index: 1;
        border: none;
    }
}
