/****************************** Elgouna ******************************/
/*.elgounaPage .content{padding:0}
.elgouna{display: inline-block;float: right;width: 100%;height: calc(100vh - 50px);background:url(../Images/Elgouna/elgounaBG.png) no-repeat center center;background-size:contain}
.elgouna ul{display: inline-block;float: right;width: 100%;height:100%}
.elgouna li{position:absolute;width:calc((100% - 48px) / 2);height:calc(((100% - 48px) / 3) * 2);pointer-events:none}

.elgouna li a{pointer-events:visible}*/
/*.elgouna li:hover{z-index:1}*/
/*.elgouna li .imgContainer{position:absolute;width:100%;height:100%}
.elgouna li .imgContainer:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.4);opacity:0;visibility:hidden;pointer-events:none;transition:all 0.2s ease-in-out}
.elgouna li p{position:absolute;left:50%;font-family:droidKufiBold, arial;font-size:42px;z-index:1;
              background-image: linear-gradient(to right, #dec489, #dec489 50%, #fff 50%);background-size: 200% 100%;background-position: -100%;
  display: inline-block;padding: 5px 0;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: all 0.2s ease-in-out;}
.elgouna li p:before{content: '';background: #dec489;display: block;position: absolute;bottom: -3px;left: 0;width: 0;height: 3px;transition: all 0.2s ease-in-out;}

.elgouna li:hover .imgContainer:after{opacity:1;visibility:visible}
.elgouna li:hover p{background-position:0}
.elgouna li:hover p:before{width:100%}*/

/* El Gouna Logo */
/*.elgouna li:nth-child(1){right:16px;top:16px;}
.elgouna li:nth-child(1) .logo{position:absolute;right:0;top:0;width:250px}*/

/* El Gouna News */
/*.elgouna li:nth-child(2){top:16px;left:16px;}
.elgouna li:nth-child(2) .imgContainer{background:url(../Images/Elgouna/elgounaNews.jpg) no-repeat center center;background-size:cover;clip-path: polygon(0% 0%, 100% 0%, 100% 49.6%, 0% 100%);}
.elgouna li:nth-child(2) p{top:25%;transform:translate(-50%,-50%)}*/

/* El Gouna Videos */
/*.elgouna li:nth-child(3){bottom:16px;right:16px;}
.elgouna li:nth-child(3) .imgContainer{background:url(../Images/Elgouna/elgounaVideos.jpg) no-repeat center center;background-size:cover;clip-path: polygon(0% 0%, 100% 50.4%, 100% 100%, 0% 100%);}
.elgouna li:nth-child(3) p{bottom:25%;transform:translate(-50%,50%)}*/


/* El Gouna Etlalat */
/*.elgouna li:nth-child(4){bottom:16px;left:16px;}
.elgouna li:nth-child(4) .imgContainer{background:url(../Images/Elgouna/elgounaEtlalat.jpg) no-repeat center center;background-size:cover;clip-path: polygon(0% 50.4%, 100% 0%, 100% 100%, 0% 100%);}
.elgouna li:nth-child(4) p{bottom:25%;transform:translate(-50%,50%)}



.gounaClip .articleListWidget li .secName{display:none}
.gounaClip .articleListWidget li h2{height: 63px;display: -webkit-box;-webkit-line-clamp: 3;}*/


/********** Latest News **********/
/*.pattern01 { padding: 0; background: none; box-shadow: none; position: relative; z-index: 3 }
.pattern01 .ttl h3 { padding: 0; background: none !important; color: #1d1d1d }
.pattern01 .allItems { display: inline-block; width: 100%; padding: 16px 0 0 }
.pattern01 ul li { float: right; margin-left: 16px; margin-bottom: 16px; width: calc((100% - 64px) / 4); height: auto; position: relative; overflow: hidden; display: inline-table; background: #fff; border: 1px solid #e8e8e8; }
.pattern01 ul li a { display: block }
.pattern01 ul li .item .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56.25%; float: right; display: inline-block; width: 100%; }
.pattern01 ul li .item img:not(article .details .divVideoStep .ivbsThumbWrapper>img) { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%); margin: 0 auto !important; width: 100%; height: auto; transition: none }
.pattern01 ul li .desc { width: 100%; overflow: hidden; cursor: pointer; position: relative }
.pattern01 ul li .desc h2 { color: #1d1d1d; height: 68px; cursor: pointer; overflow: hidden; text-align: right; line-height: 1.6; font-size: 14px; padding: 0 10px; margin: 40px 0 10px;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s }
.pattern01 ul li .item .desc:hover h2 { color: #666 }
.pattern01 ul li .secName { font-family: DroidKufiBold, Arial; font-size: 12px; color: #fff; display: inline-block; position: absolute; top: 10px; right: 10px; pointer-events: visible }*/
/*.pattern01 ul li .secName:after{content:"";width:4px;height:14px;background:#E03322;float:right;margin-left:5px;margin-top:6px}*/
/*.pattern01 ul li .secName:hover{color:#1d1d1d}*/
/*.pattern01 ul li.icon-video, .pattern01 ul li.icon-image{background:#1d1d1d;}
.pattern01 ul li.icon-video .desc p, .pattern01 ul li.icon-image .desc p{color: #fff;padding: 10px}
.pattern01 ul li.icon-video .item:hover .desc p, .pattern01 ul li.icon-image .item:hover .desc p{color:#666}
.pattern01 ul li.icon-video .secName, .pattern01 ul li.icon-image .secName{margin-right:10px;color:#bbb;}
.pattern01 ul li.icon-video .secName:hover, .pattern01 ul li.icon-image .secName:hover{color:#666}*/
/*.pattern01 ul li.icon-video .imageCntnr span,
.pattern01 ul li.icon-image .imageCntnr span { position: absolute; width: 32px; height: 32px; left: 4px; top: 4px; z-index: 1; line-height: 32px; text-align: center; background: #E03322; border-radius: 50%; }
.pattern01 ul li.icon-video .imageCntnr span:before,
.pattern01 ul li.icon-image .imageCntnr span:before { color: #fff; font-size: 17px; line-height: 32px; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.pattern01 ul li.icon-image .imageCntnr span:before { content: "t";  }
.pattern01 ul li.icon-video .imageCntnr span:before { content: "s"; margin-left: 2px }
*/

/*@media screen and (min-width:1360px) and (max-width:1439px) {
    .elgouna li:nth-child(1) .logo{width:200px}
}


@media screen and (min-width:1280px) and (max-width:1359px) {
    .elgouna li:nth-child(1) .logo{width:200px}
    .elgouna li p{font-size:32px}
}


@media screen and (min-width:1152px) and (max-width:1279px) {
    .elgouna li:nth-child(1) .logo{width:150px}
    .elgouna li p{font-size:32px}

         .pattern01 ul li { width: calc((100% - 48px) / 4); }
    .pattern01 ul li:nth-child(5n) { margin-left: 16px; }
    .pattern01 ul li:nth-child(4n) { margin-left: 0; }
    .pattern01 ul li:nth-last-of-type(-n+2) { display: none }
    .pattern01 ul li:nth-last-child(-n+6) { margin-bottom: 0; }
}


@media screen and (min-width:1024px) and (max-width:1151px) {
    .elgouna li:nth-child(1) .logo{width:150px}
    .elgouna li p{font-size:32px}

        .pattern01 ul li { width: calc((100% - 48px) / 4); }
    .pattern01 ul li:nth-child(5n) { margin-left: 16px; }
    .pattern01 ul li:nth-child(4n) { margin-left: 0; }
    .pattern01 ul li:nth-last-of-type(-n+2) { display: none }
    .pattern01 ul li:nth-last-child(-n+6) { margin-bottom: 0; }
}


@media only screen and (max-width: 1023px) {
    .elgouna li:nth-child(1) .logo{width:150px}
    .elgouna li p{font-size:32px}

         .pattern01 ul li { width: calc((100% - 48px) / 4); }
    .pattern01 ul li:nth-child(5n) { margin-left: 16px; }
    .pattern01 ul li:nth-child(4n) { margin-left: 0; }
    .pattern01 ul li:nth-last-of-type(-n+2) { display: none }
    .pattern01 ul li:nth-last-child(-n+6) { margin-bottom: 0; }

     .pattern01 { padding: 0 10px }
    .pattern01 ul li { width: 100%; margin-left: 0; margin-bottom: 16px !important }
    .pattern01 ul li:nth-last-of-type(-n+2) { display: inline-block; }
    .pattern01 ul li:last-of-type { margin-bottom: 0px !important }
    .pattern01 ul li .item img:not(article .details .divVideoStep .ivbsThumbWrapper>img, .spk-stand-wg .sp-wi-item img) { width: auto; height: 100% }
    .pattern01 ul li .nativeFrameMob { display: inline-block; float: right; width: 100% }
    .pattern01 ul li .nativeFrameMob > div { display: inline-block; float: right; width: 100% }
    .pattern01 ul li .nativeFrameMob iframe { height: 90px }
    .pattern01 ul li .item .imageCntnr { width: 120px; padding-bottom: calc((120px * 56.25) / 100); }
    .pattern01 ul li .desc { width: calc(100% - 120px); display: inline-block; float: right; }
    .pattern01 ul li .secName { top: 2px; font-size: 11px }
    .pattern01 ul li .desc h2 { line-height: 1.6; height: auto; overflow: hidden; font-size: 12px; margin: 26px 0 0; -webkit-line-clamp: 2; }
}


@media screen and (min-width: 320px) and (max-width: 767px) {
    
    .elgouna{height:100%;padding:20px 10px;background:url(../Images/Elgouna/elgounaBG.png) no-repeat top -30px center;background-size:cover}
    .elgouna li{position:relative;width:100%;right:auto;top:auto;}
    .elgouna li:nth-child(1){height:auto;top:0;right:0;text-align:center;margin-bottom:20px}
    .elgouna li:nth-child(1) .logo {width: 130px;position: relative;right: 0;top: 0;}
    .elgouna li:nth-child(2),
    .elgouna li:nth-child(3),
    .elgouna li:nth-child(4){ top: 0; left: 0;right:0;bottom:0; width: 100%; height: 300px }

    .elgouna li:nth-child(2) .imgContainer {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 65%);background: url(../Images/Elgouna/elgounaNews.jpg) no-repeat center bottom;background-size: auto 430px;}
    
    .elgouna li:nth-child(3){margin-top:-90px}
    .elgouna li:nth-child(3) .imgContainer {clip-path: polygon(0% 0%, 100% 35%, 100% 65%, 0% 100%);}

    .elgouna li:nth-child(4){margin-top:-90px}
    .elgouna li:nth-child(4) .imgContainer {clip-path: polygon(0% 35%, 100% 0%, 100% 100%, 0% 100%);}

    .elgouna li p{font-size:20px;transform:none;top:auto;left:auto}
    .elgouna li:nth-child(2) p{right:10px;top:auto;bottom:42px;transform:none}
    .elgouna li:nth-child(3) p{left:10px;top:auto;bottom:60px;transform:none}
    .elgouna li:nth-child(4) p{right:10px;top:auto;bottom:20px;transform:none}

    .elgouna li p:before{bottom:0}

}*/



/*  EL GOUNA FESTIVAL LANDING PAGE */

/* --- Global reset --- */
section {
    background: none;
    margin: 0;
    float: none;
}

.elgounafestivalLandingPage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
}

.content {
    padding: 0 !important;
}

.content-wrap {
    width: 100% !important
}
/* Intro section */

.introSection {
    background-image: url("../Images/Elgouna/Intro.webp");
    background-position: center;
    background-size: auto 100%;
    width: 100%;
    height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

    /* مهرجان الجونة */
.introSection .festival-title {
        color: #fff;
        font-family: 'DroidKufiBold';
        font-size: 72px;
        line-height: 120px;
    }

    /* على */
.introSection .on {
        color: #fff;
        font-size: 84px;
        line-height: 120px;
    }

    /* مصراوي */
.introSection .masrawy {
        color: #e03322;
        font-family: 'DroidKufiBold';
        font-size: 84px;
        line-height: 120px;
    }
 
/* NEWS SECTION */
.elgounafestivalLandingPage .news .pattern01 {
 
    height: auto;
    display: flex;

    width: 100%;
    padding:50px 300px 30px;
    overflow: hidden;
}

/* LOOKS SECTION */
.elgounafestivalLandingPage .looks .pattern01 {

    height: auto;
    display: flex;
    width: 100%;
    padding:50px 300px 30px;
    overflow: hidden;
}

/* Shared Pattern Styles */
.elgounafestivalLandingPage .pattern01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 80%;
/*    max-width: 1400px;*/
    margin: 0 auto;
}

.elgounafestivalLandingPage .pattern01 .ttl {
        border: none;
        background: none;
        float: none;
}

.elgounafestivalLandingPage .pattern01 .ttl h3 {
            display: block;
            color: #111;
            font-size: 42px;
            font-family: DroidKufiBold, Arial;
            text-align: center;
            background: none;
            float: none;
            padding: 0;
            line-height: 50px;            
}

.elgounafestivalLandingPage .pattern01 .ttl h3::before,
.elgounafestivalLandingPage .pattern01 .ttl h3::after {
                content: "";
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url("../Images/Elgouna/Vector.svg") no-repeat center;
                background-size: contain;
                vertical-align: middle;
}

.elgounafestivalLandingPage .pattern01 .allItems ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        list-style: none;
        padding: 0;
        margin: 0;
}

    /* Card styling */
.elgounafestivalLandingPage .pattern01 .allItems li.news {
        background: #fff;
        border-radius: 8px;
        border: 1px solid #E8E8E8;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
}

.elgounafestivalLandingPage .pattern01 .allItems li.news:hover {
            transform: translateY(-4px);
}

.pattern01 ul li .secName {
    display: none
}

.elgounafestivalLandingPage .pattern01 .allItems .item img {
    width: 100%;
    height: 167px;
    display: block;
}

/* Description area */
.elgounafestivalLandingPage .pattern01 .allItems .desc {
    padding: 12px 10px;
}

.elgounafestivalLandingPage .pattern01 .allItems .desc h2 {
        font-size: 15px;
        font-family: 'DroidKufiLight';
        color: #111;
        line-height: 24px;
}

.pattern01 li.arts .item:hover a h2,
.pattern01 li.arts .item:hover .desc h2 {
    color: #C09E03 !important;
}

.moreBtn{
    display:block;
    width: 230px;
height: 60px;border-radius: 8px;
background: #C09E03;color:#fff;font-size:18px;line-height:60px}
.pattern01 ul li .item .imageCntnr {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    width: 100%;border-radius:8px 8px 0 0
}

.pattern01 ul li .item img:not(article.details.divVideoStep.ivbsThumbWrapper > img) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto !important;
    width: 100%;
    height: auto;
    transition: none;
}
.pattern01 ul li {
    border-radius: 8px;
border: 1px solid #E8E8E8;
background: #FFF;
}
.pattern01 ul li .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.elgounafestivalLandingPage .news {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;   background-image: url("../Images/Elgouna/News.svg");
    background-repeat:no-repeat;
    background-size:100% auto;padding-bottom:50px
}
.elgounafestivalLandingPage .looks{
 width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;     background-image: url("../Images/Elgouna/Etlalat.svg");
    background-repeat:no-repeat;
    background-size:100% autos;padding-bottom:50px
} 
/* Reset & layout normalization */
.elGounaStarsMain,
.sliderLayout,
.carousel-cell,
.flickity-viewport,
.flickity-slider {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/*  Main container */
.elGounaStarsMain {
/*    background-image: url("../Images/Elgouna/ElGounaStars.svg");*/
    background-position: center;
    background-size: cover;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
   max-height:396px;
    width: 100%;
    padding: 50px 300px;
    overflow: hidden;
    position:relative;background:#F8F8F8
}

/*  Inner wrapper (centers the slider) */
.elGounaStars {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
    margin: 0 auto;z-index: 1;    max-width: 1250px;
}

.elGounaStars h2 {
        color: #111;
        text-align: center;
        font-size: 42px;
        line-height: 50px;
        font-family: 'DroidKufiBold';z-index: 1;
    }

.elGounaStars h2::before,
.elGounaStars h2::after {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url("../Images/Elgouna/Vector.svg") no-repeat center;
            background-size: contain;
            vertical-align: middle;
        }

/* Slider base */
.sliderLayout.carousel {
    width: 100%;
  
    position: relative;direction: rtl; /* for button positioning */
}

/* Center cells & prevent overflow */
.carousel-cell {
    box-sizing: border-box;
    padding: 8px;
    width:250px;
}

/* Center Flickity cells if fewer exist */
.flickity-slider {
    display: flex;
    justify-content: center;direction: rtl;
}

/* Image */
.elGounaStarsImg {
    display: block;
    width: 100%;
    /*max-width: 168px;*/
    margin: 0 auto;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #E8E8E8;
   
}
.elGounaStarsMain:before{
    content:'';background:url(../Images/Elgouna/ElGounaStars.svg) no-repeat right top;display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;right:0;background-size:auto 100%
}
.elGounaStarsMain:after{
    content:'';background:url(../Images/Elgouna/ElGounaStars.svg) no-repeat left top;display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;left:0;background-size:auto 100%
}
/* Text */
.elGounaStarsText {
    color: #000;
    text-align: center;
    font-size: 15px;
    margin-top:10px;
    font-family: 'DroidKufiLight';
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Flickity buttons - fully visible & aligned inside slider */
 .sliderLayout .flickity-prev-next-button {
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: #C09E03 !important;
    border-radius: 30px;
    border: none;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease;
    position: absolute;
    z-index: 2;
}

   .sliderLayout .flickity-prev-next-button:hover {
        background: #b08d02 !important;
    }

    /* Position inside slider edges */
  .sliderLayout  .flickity-prev-next-button.previous {
        left: -26px !important;
    }

  .sliderLayout  .flickity-prev-next-button.next {
        right: -26px !important;
    }
  .sliderLayout   .flickity-viewport{overflow:hidden;direction: rtl;}
    /* Arrow icons */
  .sliderLayout  .flickity-prev-next-button .flickity-button-icon {
        fill: #fff !important;
        width: 60%;
        height: 60%;
        top: 20%;
        left: 20%;
    }

/* Static layout when less than 5 items */
.sliderLayout.no-slider {
    display: grid;
    width: 100%;
    gap: 16px;
    justify-content: center;
    grid-template-columns: repeat(5, 1fr);z-index:1;  /* Default: 5 columns */
}

    /* Ensure cells fill grid properly */
    .sliderLayout.no-slider .carousel-cell {
        width: 100%;
        max-width: 100%;
    }




/* viedos section */
.elgounafestivalLandingPage .videos {
    background-image: url("../Images/Elgouna/Videos.svg");
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 50px
}

.elgounafestivalLandingPage .videos .patternViedo1 {
    height: auto;
    display: flex;
    width: 100%;
    padding: 50px 300px 30px;
    overflow: hidden;
}

.patternViedo1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    width: 100%;
    margin: 0 auto;
}

.patternViedo1 ul li .secName {
   display: none
}

.elgounafestivalLandingPage .videos .patternViedo1 .ttl h3 {
    display: block;
    color: #fff;
    font-size: 42px;
    font-family: 'DroidKufiBold';
    text-align: center;
    background: none;
    float: none;
    padding: 0;
    line-height: 50px;
}

.elgounafestivalLandingPage .patternViedo1 .ttl {
    border: none;
    background: none;
    float: none;
}

.elgounafestivalLandingPage .patternViedo1 .ttl h3 {
        display: block;
        color: #111;
        font-size: 42px;
        font-family: DroidKufiBold, Arial;
        text-align: center;
        background: none;
        float: none;
        padding: 0;
        line-height: 50px;
}

.elgounafestivalLandingPage .patternViedo1 .ttl h3::before,
.elgounafestivalLandingPage .patternViedo1 .ttl h3::after {
            content: "";
            display: inline-block;
            width: 25px;
            height: 25px;
            background: url("../Images/Elgouna/Vector.svg") no-repeat center;
            background-size: contain;
            vertical-align: middle;
}

.patternViedo1 .allItems{
    width:100%;
}

.patternViedo1 .allItems ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.patternViedo1 .allItems ul li .item .imageCntnr {
  border-radius: 8px;
}


.patternViedo1 .allItems ul li:first-child {
  grid-column: 1 / 2;
  grid-row: 1/5; 
  height: 100%;border: 1px solid #333;border-radius:8px
}

.patternViedo1 .allItems ul li:first-child .item {
  display: block;
  position: relative;
   height: 100%;
}

.patternViedo1 .allItems ul li:first-child .item .desc {
  position: absolute;
  bottom: 16px; 
  left: 16px;
  right: 16px;
  z-index: 1;
}

.patternViedo1 .allItems ul li:first-child .item .desc h2 {
  color: #fff;
  margin: 0;
  font-size: 22px;
    line-height: 2;
  font-family: 'DroidKufiLight';
}

.patternViedo1 .allItems ul li:first-child .item .imageCntnr{
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    width: 100%;
    height: 100%;display: block;
}
.patternViedo1 .allItems ul li:first-child .item .imageCntnr:before{
    content:'';background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);width:100%;height:80%;position:absolute;bottom:0;right:0;z-index: 1;
}
.patternViedo1 li.arts .item:hover a h2,
.patternViedo1 li.arts .item:hover .desc h2 {
    color: #C09E03 !important;
}
.patternViedo1 .allItems ul li:first-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #333;
   position: absolute;
}
    /* Right side smaller items */
.patternViedo1 .allItems ul li:not(:first-child) {
        grid-column: 2 / 3;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 12px;
        border-radius: 8px;
        border: 1px solid #333;
        background: rgba(255, 255, 255, 0.06);
        transition: all 0.3s ease;
        overflow: hidden;
        height: 120px;
}


.patternViedo1 .allItems ul li:not(:first-child) .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  height:100%;
}

.patternViedo1 .allItems ul li:not(:first-child) .item .imageCntnr {
        position: relative;
        width: 198px;
        border-radius:  0 8px 8px 0;    height: 100%;
}

.patternViedo1 .allItems ul li:not(:first-child) .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 8px 8px 0;
  position: relative;
}
.patternViedo1 .allItems ul li:first-child .item .imageCntnr:after{
    width:63px;height:80px
}
.patternViedo1 .allItems ul li .item .imageCntnr:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 38px;
  background: url("../Images/Elgouna/play-video.svg") no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  pointer-events: none; 
  z-index: 2;
}


.patternViedo1 .allItems ul li:not(:first-child) .desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.patternViedo1 .allItems ul li:not(:first-child) .desc h2 {
        margin: 0;
        line-height: 1.4;
        color: #FFF;
        font-family: 'DroidKufiLight';
        font-size: 15px;
        font-style: normal;
}

.patternViedo1 .allItems ul li:not(:first-child) .desc .secName {
 display:none;
}

/* Responsive layout */
@media screen and (min-width: 1360px) and (max-width: 1680px) {
    .elgounafestivalLandingPage .news .pattern01,
    .elgounafestivalLandingPage .looks .pattern01, .elgounafestivalLandingPage .videos .patternViedo1 {
        padding: 50px 180px 30px
    }

    .elGounaStarsMain {
        padding: 50px 180px
    }

    .elgounafestivalLandingPage .pattern01 .ttl h3,
    .elGounaStars h2 {
        font-size: 38px;
    }

    .elgounafestivalLandingPage .videos {
        background-size: unset;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1359px) {
    .elgounafestivalLandingPage .news .pattern01,
    .elgounafestivalLandingPage .looks .pattern01, .elgounafestivalLandingPage .videos .patternViedo1 {
        padding: 50px 100px 30px
    }

    .elGounaStarsMain {
        padding: 50px 100px
    }

    .elgounafestivalLandingPage .pattern01 .ttl h3,
    .elGounaStars h2 {
        font-size: 38px;
    }
    .elgounafestivalLandingPage .videos {
        background-size: auto 100%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .elgounafestivalLandingPage .news .pattern01,
    .elgounafestivalLandingPage .looks .pattern01, .elgounafestivalLandingPage .videos .patternViedo1 {
        padding: 50px 20px 30px
    }

    .elGounaStarsMain {
        padding: 50px 40px
    }

    .elgounafestivalLandingPage .pattern01 .ttl h3,
    .elGounaStars h2 {
        font-size: 35px;
    }

    .carousel-cell {
        width: 200px
    }
    .elgounafestivalLandingPage .videos {
        background-size: auto 100%;
    }
}

/* Medium screens (≤ 1024px): 3 columns */
@media (max-width: 1025px) {
    .sliderLayout.no-slider {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    .introSection {
        gap: 30px;
        height: calc(100vh - 120px);
/*        padding: 60px 0;*/
    }

        .introSection .festival-title {
            color: #fff;
            font-size: 36px;
            line-height: 64px;
        }

        .introSection .on {
            color: #fff;
            font-size: 42px;
            line-height: 64px;
        }

        .introSection .masrawy {
            color: #e03322;
            font-size: 42px;
            line-height: 64px;
        }

    .elgounafestivalLandingPage .news .pattern01 {
        padding: 20px;
    }

    .elgounafestivalLandingPage .looks .pattern01 {
        padding: 20px;
    }

    .elGounaStarsMain {
        padding: 20px;
    }

    .elgounafestivalLandingPage .pattern01 .ttl h3 {
        font-size: 30px;
    }

    .elgounafestivalLandingPage .pattern01 .allItems .item img {
        height: 190px;
    }

   .patternViedo1 .allItems ul {
    grid-template-columns: 1fr;
  }


  .patternViedo1 .allItems ul li:first-child {
    grid-column: 1 / -1;
    grid-row: auto;
    width: 100%;
    height: auto;
    padding: 0;
  }

 
  .patternViedo1 .allItems ul li:not(:first-child) {
    grid-column: 1 / -1;
    width: 100%;
    height: 132px;
  }

  .patternViedo1 .allItems ul li:not(:first-child) .item {
    flex-direction: row;
  }
  .patternViedo1 .allItems ul li:not(:first-child) .desc h2{font-size:14px}
     .elGounaStarsMain {
        padding: 40px 30px;
    }

    .carousel-cell {
        width: calc(33.333% - 12px);
    }

    .flickity-prev-next-button {
        width: 40px;
        height: 40px;
    }

        .flickity-prev-next-button.previous {
            left: 5px !important;
        }

        .flickity-prev-next-button.next {
            right: 5px !important;
        }

    .elGounaStarsMain {
        padding: 40px 30px;
    }


        .elGounaStarsMain .flickity-prev-next-button.previous {
            left: 10px !important;
        }

        .elGounaStarsMain .flickity-prev-next-button.next {
            right: 10px !important;
        }

        .elGounaStarsMain .flickity-prev-next-button {
            width: 50px;
            height: 50px;
        }

    .elgounafestivalLandingPage .pattern01 .allItems ul {
        grid-template-columns: repeat(3, 1fr); /* 3 cards */
    }

    .elgounafestivalLandingPage .videos .patternViedo1 {
        padding: 20px;
    }

    .elgounafestivalLandingPage .videos {
        background-image: url("../Images/Elgouna/videos-mobile.webp"); 
        background-repeat: no-repeat;
        background-size: cover;
    }

    .patternViedo1 .allItems ul li:not(:first-child) .item .imageCntnr {
        width: 132px;
    }

    .patternViedo1 .allItems ul li:first-child .item .desc h2 {
        font-size: 20px;
        line-height:1.6;
    }
    .elgounafestivalLandingPage .videos .patternViedo1 .ttl h3{
        font-size:30px;
    }
}



@media (max-width: 900px) {


    .elGounaStarsMain {
        padding: 30px 16px;
        max-height: 465px
    }


    .elgounafestivalLandingPage .pattern01 .allItems ul {
        grid-template-columns: repeat(2, 1fr); /* 2 cards */
    }

    .patternViedo1 .allItems ul li:first-child{height:360px}
}

@media (max-width: 600px) {
    .content-wrap {
        padding: 68px 0 0;
    }
    .carousel-cell {
        width: 100%;
        max-width: 300px
    }

    .elGounaStarsMain {
        height: auto;
        padding: 24px 12px;
    }

    .elGounaStars {
        max-width: 325px;
        max-height: 414px;
        overflow: hidden
    }

    .sliderLayout.carousel {
        max-width: 300px
    }

    .elGounaStarsMain .flickity-prev-next-button.previous {
        left: -12px !important;
    }

    .elgounafestivalLandingPage .pattern01 .allItems ul {
        grid-template-columns: 1fr; /* 1 card */
    }

    .elGounaStarsMain .flickity-prev-next-button.next {
        right: -12px !important;
    }

    .elGounaStarsMain:before {
        width: 100%
    }

    .elGounaStarsMain:after {
        display: none
    }

    .elGounaStars h2 {
        font-size: 30px
    }

    .moreBtn {
        width: calc(100% - 40px);
        height: 50px;
        line-height: 50px;
        font-size: 16px
    }

    .patternViedo1 .allItems ul li:first-child .item .imageCntnr:after{
    width:45px;height:56px
}


     .patternViedo1 .allItems ul li .item .imageCntnr:after{
    width:24px;height:30px
}
}