:root {
    --primary-red: #c31a30;--dark-red: #8b1222;
}

body {font-family: 'Cairo', sans-serif;background-color: #FAFBFC;margin: 0;overflow-x: hidden;}
.logoheader{width: 90px;}
.logoheader img{width: 100%;}
/* Background avec dégradé et carte du monde */
.hero-section {min-height: 100vh;padding-bottom: 150px;display: flex;flex-direction: column;align-items: center;justify-content: center;}


.hero-section::before {
  content: "";position: absolute;inset: 0;background: linear-gradient(
    to top,
    #81131D,
    #C81632
  );z-index: 0;
}

/* Image AU-DESSUS du gradient */
.hero-section::after {content: "";position: absolute;inset: 0;background: url("../img/landinghome/heroearth.png") center/contain no-repeat;z-index: 0;opacity:0.2;}
/* Contenu au-dessus de tout */
.hero-section > * {position: relative;z-index: 1;}
.navbar {background: #c31a30;z-index: 99;}
.navbar .nav-link{font-size: 15px;font-weight: 600;}
.moreheadbtn{font-size: 15px;font-weight: 600;}
.hero-content {padding-top: 60px;max-width: 900px;}
.hero-content h1 {line-height: 1.4;font-weight: 800;font-size: 46px;}
.highlight {text-decoration: underline;}
.sectionlanding{padding-bottom: 50px;}
/* Section des cartes qui chevauche le hero */
.cards-container {margin-top: -80px;position: relative;z-index: 10;padding-bottom: 50px;}
.custom-card {background: white;padding: 30px 20px;text-align: center;border-radius: 4px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);transition: transform 0.3s ease;height: 100%;}
.custom-card.active {background-color: var(--primary-red);color: white;}
.custom-card:hover {transform: translateY(-10px);}
.custom-card h5 {font-weight: 700;font-size: 1.2rem;}
.custom-card p {font-size: 0.9rem;color: #9E9E9E;}
.custom-card.active p {color: #eee;}

.action-link {
    display: block;
    margin-top: 20px;
    color: var(--primary-red);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: bold;
}
@media (max-width: 600px) {
.hero-buttons{flex-direction: column;}
}
/* Responsive fixes */
@media (max-width: 768px) {
    .hero-section {
        background-size: cover; /* Sur mobile, "cover" est souvent plus joli pour éviter les bandes vides */
        padding-top: 20px;
    }
    
    .hero-content h1 {
        font-size: 1.8rem;
    }
    .imobileapp{width:100%;}

    
}

/* Barre de Langues */
.language-bar {
    border: 1px solid #eee;
}

.lang-item {
    padding: 8px 9px;
    border-radius: 5px;
    font-size: 0.9rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    font-weight: 700;
}

.lang-item img {
    width: 20px;
    border-radius: 2px;
}

.lang-item.active {
    background-color: #fce8ea;
    color: #c61a30;
    font-weight: bold;
}

.lang-item:hover {
    background-color: #f8f9fa;
}

/* News Cards */
.news-card {
    border-radius: 10px;
    /* overflow: hidden; */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    /* height: 100%; */
    min-height: 361px;
    margin-bottom: 20px;
    padding:8px;
}

.news-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.btn-action {
    text-decoration: none;
    font-weight: bold;
    font-size: 0.85rem;
    display: inline-block;
    text-align: center;
    width: 100%;
}

/* Swiper Dots Customization */

/* Style des points du carousel */
.news-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.news-carousel .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
    background: #D6D6D6;
    display: block;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.news-carousel .owl-dot.active span {
    background: var(--primary-red) !important;
    width: 25px; /* Optionnel : effet allongé pour le point actif */
    border-radius: 5px;
}

.bg-wpress{background-color: #c61a30 !important}
.bg-wtv{background-color: #4A7DF2 !important}
.bg-wsport{background-color: #10B981 !important}
.bg-wparlement{background-color: #7A0019 !important}
.bg-wislamic{background-color: #013A19 !important}
.bg-wsocial{background-color: #FF6209 !important;}
.bg-wsocialop{background-color:#DF5B11 !important}
.bg-transparentdark{background-color: #00000047 !important;}
.bg-service-a{background-color: #5684C7 !important;}
.bg-service-b{background-color: #3F6295 !important;}
.bg-inn{background-color: #0B57D0 !important;}



.text-wpress{color: #c61a30 !important}
.text-wtv{color: #4A7DF2 !important}
.text-wsport{color: #10B981 !important}
.text-wparlement{color: #7A0019 !important}
.text-wislamic{color: #013A19 !important}
.text-wsocial{color: #FF6209 !important}
.text-wsocialop{color:#DF5B11 !important}

.btn-walaw{text-decoration: none;font-weight: bold;font-size: 0.85rem;display: inline-block;color: #fff;padding: 8px;margin: 0 auto;}

.btn-walaw:hover{background: #212529;color: #fff;}

.tvsection{position: relative;padding: 75px 0;margin: 0 auto;min-height: 252px;background-image: url('../img/landinghome/vectortv.png');background-position: top;background-repeat: no-repeat;background-size: cover;background-color: #fff;}


/* Overlay dégradé pour que le texte blanc ressorte bien */
.video-overlay {

    bottom: 0;
    display: flex;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, #4A7DF2 0%, transparent 123%);
    padding: 30px;
    height: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    color: #fff;
    flex-direction: column;
    position: absolute;top: 0;z-index: 1;
}

/* Bouton Play et texte central */
.blocvideocontent {
    position: relative;
    z-index: 3;
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:7px;
    height: 100%;
    flex-direction: column;
}

.iconwalawtv {
    width: 70px;
    height: 70px;
    border: 4px solid #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    margin: 0 auto;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.iconwalawtv:hover {
    transform: scale(1.1);
    color:#4A7DF2;
}

.tvmoment {
    display: block;
    font-size: 0.9rem;
    opacity: 0.9;
}

/* Badge "Direct / Live" */
.walawtvlivebadge {
    position: absolute;
    bottom: 73px;
    right: 25px; /* Aligné à gauche car dir="rtl" */
    background: #c31a30cc;
    border:2px solid #c31a30;
    color: white;
    padding: 5px 15px;
    font-size: 0.8rem;
    font-weight: bold;
    z-index: 3;
}

.walawtvlivebadge i {
    font-size: 0.6rem;
    color: #ff3b3b;
    animation: blink 1s infinite;
}

/* Texte titre de la vidéo en bas */

.walawtvtext {
    color: white;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    position: absolute;
    bottom: 0.5em;
    right: 25px;
    left: 25px;
    z-index: 3;
    text-align: right;
}



/* Animation pour le point rouge du Live */
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

/* Courbe rouge en fond (Simulé) */
.tv-bg-curves {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: url('../img/landinghome/tv-preview.jpg'); /* Image des courbes rouges */
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.1;
    z-index: 1;
}
    .hero-buttons{display: flex;align-items: center;justify-content: center;gap: 12px;}
    .world-maplandlg{display: block;}
    .world-maplandsm{display: none;}
/* Mobile adjustments */
@media (max-width: 768px) {
    .walawtvtext { font-size: 1rem; }
    .iconwalawtv { width: 50px; height: 50px; font-size: 1.2rem; }
    .world-maplandlg{display: none;}
    .world-maplandsm{display: block;}
    
    .featured-box .msqcard{opacity: 0.2;}
}

.videotv-container{
    position:relative;
    background-size: cover;padding: 13px 10px 20px;border: 6px solid #fff;
    cursor: pointer;
    border-radius: 12px;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    align-items: flex-end;
    scale: 1;
    box-shadow: rgb(255 255 255 / 25%) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;}


/**************/
.innsection{position: relative;padding: 75px 0;background-color: #FAFBFC;}
.servicesection{position: relative;padding: 75px 0;background-color: #FAFBFC;}
/********/

.socialsection {
  position: relative;padding: 75px 0;min-height: 312px;overflow: hidden;
}

/* Gradient en arrière */
.socialsection::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    #FF7A2F,
    #1C1C1E
  );
  z-index: 0;
}

/* Image AU-DESSUS du gradient */
.socialsection::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/landinghome/vectorsport.svg") center/cover no-repeat;
  z-index: 0;opacity:0.1;
}

/* Contenu au-dessus de tout */
.socialsection > * {
  position: relative;z-index: 2;
}
/*******/

/*******/
.islamicsection {
  position: relative;padding: 75px 0;min-height: 312px;overflow: hidden;
}
/* Gradient en arrière */
.islamicsection::before {
  content: "";
  position: absolute;
  inset: 0;
  background:#013A19;
  z-index: 0;
}

/* Image AU-DESSUS du gradient */
.islamicsection::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/landinghome/msq-img.svg") center/cover no-repeat;
  z-index: 0;opacity:1;
}

/* Contenu au-dessus de tout */
.islamicsection > * {
  position: relative;z-index: 2;
}
/*******/


/************/
.sportsection2{background: #10B981;padding: 0 0 0;margin: 0 auto;min-height: 312px;}



/* Gradient en arrière Sportsection1 */

.sportsection {
  position: relative;padding: 82px 0 95px;min-height: 312px;overflow: hidden;
}

.sportsection::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    #10B981,
    #0F172A
  );
  z-index: 0;
}

/* Image AU-DESSUS du gradient */
.sportsection::after {
  content: "";position: absolute;inset: 0;background: url("../img/landinghome/vectorsport.svg") center/cover no-repeat;z-index: 0;opacity:0.1;
}

/* Contenu au-dessus de tout */
.sportsection > * {
  position: relative;z-index: 1;
}
/* Gradient en arrière Sportsection1 */



/****/
.sport-card-top{padding: 18px 15px;color: #fff;flex-direction: column;display: flex;text-align: center;gap: 16px;align-items: center;height:100%;min-height: 15em;justify-content: center;}
.rowsp{margin-bottom: 7em;}
/****/
.innsection form.form-index {
    background: #ffffff;
    margin: 0 auto;
    padding: 12px;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    width: 80%;
}
.innsection .filterForm {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.innsection .form-walaw, .form-walaw-restau {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    position: relative;
    margin-bottom: 10px;
}
.innsection .form-walaw span.icn, .form-walaw-restau span.icn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    color: #0B57D0;
}
.innsection .suggestions-help {
    position: absolute;
    left: 9999px;
}
.innsection .form-walaw input, .form-walaw-restau input {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    padding: 20px 50px 0 50px;
}

.innsection .form-walaw label, .form-walaw-restau label {
    position: absolute;
    top: 5px;
    right: 50px;
    font-size: 12px;
    color: #191919;
}
.innsection .btnSearchWalaw {
    width: 100%;
    height: 50px;
    background:#0B57D0;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #CBD0DD;
    color: #FFFFFF;
}

.innsection .suggestionsVilles, .suggestionsPays,.innsection .suggestionsVilles2, .suggestionsPays2 {
    border: 1px solid #ccc;
    background: white;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    z-index: 100;
    border-radius: 4px;
    width: 100%;
}
/*********/


/************/


  .best-resto-hotel{
            background: #FAFBFC;
            border: 1px solid #F1F1F4;
           /* width: 1327px;*/
            height: 800px;
        }

        .best-restaurant{
            display: flex;flex-direction: column;align-items: flex-start;padding: 20px;gap: 20px;height: 800px;
        }

        .title-resto{
            display: flex;flex-direction: column;align-items: flex-start;padding: 0px;gap: 10px;height: 47px;
        }

        .heading-resto{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 34px;
            text-align: right;
            color: #000000;
        }

        .border-title{
            width: 37px;
            height: 7px;
            background: #000000;
        }


        .innsection{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 50px 0;
            gap: 20px;
           /* width: 1287px;*/
            min-height: 514px;
        }

        .innsection .item{
            padding: 6px;
            min-height: 556px;
            background: #FFFFFF;
            border: 1px solid #E9E9E9;
        }

        .innsection .item img{
            width: 100%;
            height: 218px;
        }

        .innsection .item .content-slider-resto{
            padding: 10px 0;
            gap: 10px;
        }

        .innsection .item .top-content-slider-resto{
            display: flex;
            width:100%;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0px;
            gap: 52px;
        }

        .innsection .top-content-slider-resto .left-content{
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 5px;
            margin: 0 auto;
        }

        .innsection .top-content-slider-resto .left-content .status-resto{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 10px 6px;
            gap: 5px;
            text-align: center;
            background: rgba(4, 180, 64, 0.1);
            border-radius: 6px;
        }   

        .innsection .top-content-slider-resto .left-content .status-resto span{
            
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 22px;
            text-align: right;

            color: #04B440;
        }

        .innsection .top-content-slider-resto .left-content .status-resto::before{
           content: '';
           border-radius: 9999px;
           width: 8px;
           height: 8px;
           background: #04B440;
        }

        .innsection .top-content-slider-resto .left-content .rating-resto{
           display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 10px 6px;
            gap: 10px;
            background: #F1F4F6;
            border-radius: 6px;
        }

        .innsection .top-content-slider-resto .left-content .rating-resto div{
           display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 5px;
        }

        .innsection .top-content-slider-resto .left-content .rating-resto div span{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 19px;
            color: #191919;
            width: 40px;
        }

        .innsection .top-content-slider-resto .left-content .rating-resto div .stars{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 1px;
        }

        .innsection .top-content-slider-resto .left-content .rating-resto div .stars i{
            color: #E59901;
            font-size: 13px;
        }

        .innsection .top-content-slider-resto .resto{
            margin: 0 auto;
            width: 95px;
            height: 25px;
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 22px;
            text-align: right;
            color: #808080;
        }

        .title-content-slider{
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 10px;
        }

        .content-slider-resto .title-content-slider img{
            width: 30px;
            height: 30px;
        }

        .content-slider-resto .title-content-slider h3{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 30px;
            text-align: right;

            color: #000000;
        }

        .content-slider-resto .position-content-slider{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            padding: 0px;
            gap: 5px;
            /* width: 387px; */
        }

        .content-slider-resto .position-content-slider i{
            color: #5F7D95;
            font-size: 13px;
        }

        .content-slider-resto .position-content-slider p{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 26px;
            text-align: right;
            text-decoration-line: underline;
            color: #000000;
        }

        .content-slider-resto p{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 23px;
            text-align: right;
            color: #000000;
        }

        .content-slider-resto .amenities-content-slider{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 10px;
            /* width: 390px; */
        }

        .content-slider-resto .amenities-content-slider .amenities-tag{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding:6px 7px;
            gap: 10px;
            /* width: 105px; */
            background: #F1F4F6;
            border-radius: 6px;
        }

        .content-slider-resto .amenities-content-slider .amenities-tag span{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 700;
            font-size: 10px;
            line-height: 19px;
            color: #191919;
        }

        .social-slider-resto{
            display: flex;
            flex-direction: row;
            padding: 0px;
            gap: 5px;
            width: 100%;
        }

        .social-slider-resto .local-social-slider-resto{
           display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px 10px;
            gap: 5px;
            width: 24px;
            height:26px;
            background: #3B5998;
            border-radius: 3px;
        }

        .social-slider-resto .local-social-slider-resto i{
            color: #FFFFFF;
            font-size: 14px;
        }

        .social-slider-resto .phone-social-slider-resto{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px 10px;
            gap: 5px;
            width: 24px;
            height:26px;
            background: #04B440;
            border-radius: 3px;
        }

        .social-slider-resto .phone-social-slider-resto i{
            color: #FFFFFF;
            font-size: 14px;
        }

        .social-slider-resto .businnes-plus img{
            width: 24px;
            height: 26px;
            border-radius: 3px;
        }

        .social-slider-resto .contact-plus img{
            width: 24px;
            height: 26px;
            border-radius: 3px;
        }
        
        .social-slider-resto .booking-social-slider-resto{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 2px 7px;
            gap: 5px;
            width: 71px;
            background: #FFFFFF;
            border: 1px solid #C31A30;
            border-radius: 3px;
        }

        .social-slider-resto .booking-social-slider-resto img{
            width: 14px;
            height: 14px;
        }

        .social-slider-resto .booking-social-slider-resto span{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 10px;
            line-height: 19px;
            color: #C31A30;
        }

        .innsection .pagination{
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            position: absolute;
            left: 17%;
            top: 113%;

        }
        .innsection .pagination .owl-dot {
            width: 10px;
            height: 10px;
            line-height: 29px;
            text-align: center;
            display: inline-block;
            margin-right: 5px;
            background-color: #d6d6d6;
            border-radius: 100%;
            cursor: pointer;
        }

        .innsection .pagination .owl-dot.active{
            width: 10px;
            background-color: #f44336;
        }

        .innsection .pagination .owl-dots.active a {
            color: #c31a30;
        }
        
        .innsection .owl-nav{
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
        }

        .innsection .owl-nav .owl-prev{
            position: absolute;
            right: 54%;
            top: 115%;
            z-index: 1;
        }

        .innsection .owl-nav .owl-prev span{
            padding: 8px;
            background: #FFFFFF;
            border: 1px solid #F1F1F4;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 12px;
            color: #000000;
        }


        .innsection .owl-nav .owl-next{
            position: absolute;
            left: 54%;
            top: 115%;
            padding: 8px;
            background: #FFFFFF;
            border: 1px solid #F1F1F4;
            z-index: 1;

        }
       
        .innsection .owl-nav .owl-next span{
            padding: 8px;
            background: #FFFFFF;
            border: 1px solid #F1F1F4;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 12px;
            color: #000000;
        }

        .innsection .owl-nav .owl-prev span i{
           color: #D9D9D9;
           font-size: 16px;
           padding: 4px;
        }

        .innsection .owl-nav .owl-next span i{
           color: #D9D9D9;
           font-size: 16px;
           padding: 4px;
        }

        .best-hotel{
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 20px;
            gap: 20px;
            /*width: 1327px;*/
            height: 800px;
        }

        .title-hotel{
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 10px;

           /* width: 1287px;*/
            height: 47px;
        }

        .heading-hotel{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 34px;
            text-align: right;
            color: #000000;
        }

        .border-title{
            width: 37px;
            height: 7px;
            background: #000000;
        }


        .hotel-slider{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 20px;

            width: 1287px;
            height: 514px;
        }

        .hotel-slider .item{
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 14px;
            gap: 20px;
            width: 415.67px;
            height: 556px;
            background: #FFFFFF;
            border: 1px solid #E9E9E9;
        }

        .hotel-slider .item img{
            width: 387.67px;
            height: 218px;
        }

        .hotel-slider .item .content-slider-hotel{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-end;
            padding: 10px 0;
            gap: 10px;
            width: 390px;
        }

        .hotel-slider .item .top-content-slider-hotel{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0px;
            gap: 52px;
        }

        .hotel-slider .top-content-slider-hotel .left-content{
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 5px;
            margin: 0 auto;
            width: 240px;
        }

        .hotel-slider .top-content-slider-hotel .left-content .status-hotel{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 10px 6px;
            gap: 5px;
            text-align: center;
            background: rgba(4, 180, 64, 0.1);
            border-radius: 6px;
        }   

        .hotel-slider .top-content-slider-hotel .left-content .status-hotel span{
            
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 22px;
            text-align: right;

            color: #04B440;
        }

        .hotel-slider .top-content-slider-hotel .left-content .status-hotel::before{
           content: '';
           border-radius: 9999px;
           width: 8px;
           height: 8px;
           background: #04B440;
        }

        .hotel-slider .top-content-slider-hotel .left-content .rating-hotel{
           display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 10px 6px;
            gap: 10px;
            background: #F1F4F6;
            border-radius: 6px;
        }

        .hotel-slider .top-content-slider-hotel .left-content .rating-hotel div{
           display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 5px;
        }

        .hotel-slider .top-content-slider-hotel .left-content .rating-hotel div span{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 19px;
            color: #191919;
            width: 40px;
        }

        .hotel-slider .top-content-slider-hotel .left-content .rating-hotel div .stars{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 1px;
        }

        .hotel-slider .top-content-slider-hotel .left-content .rating-hotel div .stars i{
            color: #E59901;
            font-size: 13px;
        }

        .hotel-slider .top-content-slider-hotel .hotel{
            margin: 0 auto;
            width: 95px;
            height: 25px;
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 22px;
            text-align: right;
            color: #808080;
        }


        .content-slider-hotel .title-content-slider img{
            width: 30px;
            height: 30px;
        }

        .content-slider-hotel .title-content-slider h3{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 30px;
            text-align: right;

            color: #000000;
        }

        .content-slider-hotel .position-content-slider{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            padding: 0px;
            gap: 5px;
            width: 387px;
        }

        .content-slider-hotel .position-content-slider i{
            color: #5F7D95;
            font-size: 13px;
        }

        .content-slider-hotel .position-content-slider p{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 26px;
            text-align: right;
            text-decoration-line: underline;
            color: #000000;
        }

        .content-slider-hotel p{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 23px;
            text-align: right;
            color: #000000;
        }

        .content-slider-hotel .amenities-content-slider{
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 10px;
            width: 390px;
        }

        .content-slider-hotel .amenities-content-slider .amenities-tag{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding:6px 7px;
            gap: 10px;
            width: 105px;
            background: #F1F4F6;
            border-radius: 6px;
        }

        .content-slider-hotel .amenities-content-slider .amenities-tag span{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 700;
            font-size: 10px;
            line-height: 19px;
            color: #191919;
        }

        .social-slider-hotel{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            padding: 0px;
            gap: 5px;
            width: 187px;
        }

        .social-slider-hotel .local-social-slider-hotel{
           display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px 10px;
            gap: 5px;
            width: 24px;
            background: #3B5998;
            border-radius: 3px;
        }

        .social-slider-hotel .local-social-slider-hotel i{
            color: #FFFFFF;
            font-size: 14px;
        }

        .social-slider-hotel .phone-social-slider-hotel{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px 10px;
            gap: 5px;
            width: 24px;
            background: #04B440;
            border-radius: 3px;
        }

        .social-slider-hotel .phone-social-slider-hotel i{
            color: #FFFFFF;
            font-size: 14px;
        }

        .social-slider-hotel .businnes-plus img{
            width: 24px;
            height: 26px;
            border-radius: 3px;
        }

        .social-slider-hotel .contact-plus img{
            width: 24px;
            height: 26px;
            border-radius: 3px;
        }
        
        .social-slider-hotel .booking-social-slider-hotel{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 2px 7px;
            gap: 5px;
            width: 71px;
            background: #FFFFFF;
            border: 1px solid #C31A30;
            border-radius: 3px;
        }

        .social-slider-hotel .booking-social-slider-hotel img{
            width: 14px;
            height: 14px;
        }

        .social-slider-hotel .booking-social-slider-hotel span{
            font-family: 'Cairo';
            font-style: normal;
            font-weight: 600;
            font-size: 10px;
            line-height: 19px;
            color: #C31A30;
        }

        .hotel-slider .pagination{
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            position: absolute;
            left: 17%;
            top: 113%;
        }
        .hotel-slider .pagination .owl-dot {
            width: 10px;
            height: 10px;
            line-height: 29px;
            text-align: center;
            display: inline-block;
            margin-right: 5px;
            background-color: #d6d6d6;
            border-radius: 100%;
            cursor: pointer;
        }

        .hotel-slider .pagination .owl-dot.active{
            width: 10px;
            background-color: #f44336;
        }

        .hotel-slider .pagination .owl-dots.active a {
            color: #c31a30;
        }
        
        .hotel-slider .owl-nav{
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            z-index: 1;
        }

        .hotel-slider .owl-nav .owl-prev{
            position: absolute;
            right: 54%;
            top: 115%;

        }

        .hotel-slider .owl-nav .owl-prev span{
            padding: 8px;
            background: #FFFFFF;
            border: 1px solid #F1F1F4;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 12px;
            color: #000000;
        }


        .hotel-slider .owl-nav .owl-next{
            position: absolute;
            left: 54%;
            top: 115%;
            padding: 8px;
            background: #FFFFFF;
            border: 1px solid #F1F1F4;
            z-index: 1;

        }
       
        .hotel-slider .owl-nav .owl-next span{
            padding: 8px;
            background: #FFFFFF;
            border: 1px solid #F1F1F4;
            font-family: 'Inter';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 12px;
            color: #000000;
        }

        .hotel-slider .owl-nav .owl-prev span i{
           color: #D9D9D9;
           font-size: 16px;
           padding: 4px;
        }

        .hotel-slider .owl-nav .owl-next span i{
           color: #D9D9D9;
           font-size: 16px;
           padding: 4px;
        } 

/* Feature Cards */

  .feature-card-spec {
            background: #fff;
            border: none;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            padding: 20px;
            text-align: center;
            height: 100%;
        }

        /* News Cards */
        .news-card-sc {
            background: #fff;
            border: none;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            transition: transform 0.3s ease;
        }
        .news-card-sc:hover { transform: translateY(-5px); }
        .news-card-sc img { height: 160px; object-fit: cover; width: 100%; }
        .card-tag {position: absolute;background: #F3D1D6;color: #c31a30;padding: 2px 10px;border-radius: 20px;font-size: 0.7rem;font-weight:700;}
        .rtl .card-tag{top: 10px;right: 10px;}
        .ltr .card-tag{top: 10px;left: 10px;}
        /* Phone Mockup Section */
        .phone-container { position: absolute;z-index: 10;display: flex;justify-content: center;align-items: center;margin: 0 auto;width: 40em;text-align: center;bottom: -99px; }
        .phone-img {filter: drop-shadow(0 20px 30px rgba(0,0,0,0.2)); }
        .phone-left { z-index: 11;width: 100%; margin: 0 auto;}
        .phonebloc{ position: relative;min-height: 450px; }


        /*******/

        /* Container styling */
        .socialcard .card {background-color: #f9fafb;border: 1px solid #e5e7eb;border-radius: 0.375rem;margin: 0.5rem; margin-bottom: 0.5rem;font-family: sans-serif;height: 100%;}
        .socialcard .card-content {padding: 0.5rem;height: 100%;display: flex;align-items: center;justify-content: space-between;flex-direction: column;}
        /* Header Layout */
        .socialcard .header {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
        .socialcard .user-info {display: flex;align-items: center;gap: 0.5rem;}
        .socialcard .avatar {margin-bottom: 0.5rem;border-radius: 26px;width: 30px;height: 30px;place-content: center;}
        .socialcard .avatar img {width: 100%;border-radius: 9999px;}
        .socialcard .user-details h1 {font-size: 1rem;font-weight: bold;margin: 0;}
        .socialcard .user-details p {font-size: 0.875rem;color: #6b7280;margin: 0;}

        .socialcard .user-details a {
            text-decoration: none;
            color: inherit;
        }

        /* Menu Button */
        .socialcard .menu-btn {
            background: none;
            border: none;
            cursor: pointer;
            color: #4b5563;
            font-size: 1.2rem;
        }

        /* Typography */
        .socialcard h2 {
            font-size: 1.125rem;
            line-height: 1.5;
            margin: 0.5rem 0;
        }

        .socialcard h2 a {
            text-decoration: none;
            color: #111827;
        }

        /* Main Image */
        .socialcard .main-image {
            margin-top: 0.5rem;
            border-radius: 0.375rem;
            overflow: hidden;
        }

        .socialcard .main-image img {
            width: 100%;
            display: block;
        }

        /* Stats Bar */
        .socialcard .stats-bar {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 0.5rem;
            margin-top: 0.5rem;
            border: 1px solid #9999CF;
            background-color: rgba(153, 153, 207, 0.1); /* #9999CF1A */
            border-radius: 0.375rem;
            color: #9999CF;
            font-size: 0.875rem;
        }

        /* Progress Animation (from your original code) */
        @keyframes progress {
            from { width: 0%; }
            to { width: 100%; }
        }

.socialcard .animate-progress {height: 4px;background-color: #3b82f6;animation: progress 5s linear forwards;}
.downloadsection{background-color: #FAFBFC;}
.mapsection{background-color: #fff;}
.servicetitle{font-weight: 700;color: #333;padding-bottom: 11px;display: inline-block;font-size:18px}
.servicetitle::after {
    content: "";
    display: inline-block;
    width: 30px;
    margin-bottom: 0;
    border-bottom: 3px solid #000;
}.servicetitle h3{font-size:18px;font-weight:700;margin-bottom:1px}
/****/
.activtimepray{font-size: 12px;}
    .featured-box{
            position:relative;
        }
        .featured-box .msqcard{
            position: absolute;
            bottom: 0;
        }
       .rtl .featured-box .msqcard{
            left: 0;
        }
        .ltr .featured-box .msqcard{
            right: 0;
        }
        .featured-box h3,.featured-box h4{
            font-size: 24px;
        }

        .pharmacy-card {
            background: white;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            padding: 20px;
            position: relative;
        }

        /* Effet de filigrane en arrière-plan (Caducée) */

        .pharmacy-card::before {
            content: ""; /* On enlève le texte/icône font-awesome */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            /* Paramètres de l'image */
            width: 300px; /* Ajustez la taille selon vos besoins */
            height: 300px;
            background-image: url('../img/landinghome/bgpharma.svg'); /* <--- NOM DE VOTRE FICHIER ICI */
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            pointer-events: none;
            z-index: 0;
        }

        .pharmacy-item {
            border-bottom: 1px solid #eee;
            padding: 9px 0;
            transition: background 0.3s;
        }

        .pharmacy-item:last-child {
            border-bottom: none;
        }

        .pharmacy-name,.pharmacy-address {
            color: #000;
            font-weight: 600;
            font-size: 14px;
        }

      

        .icon-green { color: #28a745; }
        .icon-blue { color: #4a90e2; }

        .footer-service-link {
            font-weight: 500;font-size: 14px;color: #4C76B3;font-weight: bold;display: flex;align-items: center;justify-content: center;margin-top: 12px;
        }

        /********/


    .cardpray{background-color: #ffffff;border-radius: 10px;box-shadow: 0 4px 15px rgba(0,0,0,0.05);}
    .cardpray .list-group-item{padding:15px 9px;}
    .list-group-item.sidetitle {padding: 15px 10px;}
    .head-comment-item, .headpraytm, .listweathertime .section-title, .topbar .container .row {
        display: flex;justify-content: space-between;align-items: center;
    }
    .more-info__link {
        display: block;padding: 5px 0;display: flex;align-items: center;gap: 10px;font-size: 12px;font-weight: 700;color: #333;
    }
    .nameinfopharma h3, .section-title__h2-top {
        font-size: 18px;
    }
    .firstlineweather {
        display: flex;gap: 5px;align-items: center;
    }

    .bigiconweather img {
        max-width: 100%;width: 50px;height: 50px;
    }

    .dateprayer, .infofirstweather, .locationprayer, .secondlinepharmacie {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .barlineweather .intopbarweather span:first-child, .infofirstweather span:first-child, .socialheadwlw {
        display: flex;
    }

    .infofirstweather span:last-child {
        font-size: 14px;
        font-weight: 800;
    }
    .secondlineweather {
        display: flex;
        justify-content: space-between;
    }

    .lineservice span {
        font-size: 14px;
        font-weight:700;
    }
    .titlecountry, .weatherlist .secondlineweather {
        align-items: center;
    }
    .blocktitlesdg, .iconweather {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .praynow{
        color: #ACACAC;
        font-size: 12px;
        font-weight: 600;
    }

        
        /****/

.chart-curriencie {margin: 0 auto;background: white;padding: 20px;border: 1px solid #eee;border-radius: 8px;  }
.header-curriencie p { color: #70757a; font-size: 14px; margin-bottom: 5px; }
.header-curriencie h2 { font-size: 20px; margin-top: 0; font-weight: bold; }
.header-curriencie span { font-weight: normal; }
#container {width: 100%;height: 300px;}
.mobilesection{position: relative;padding: 75px 0;background-color: #FFFFFF;}
.mobilesection .hero-title{font-size: 36px;font-weight: 700;line-height: 1.5;}
.mobilesection .feature-list li{font-size: 16px;font-weight: 700;}

/****/
.pharmalist{overflow-y: auto;max-height: 415px;}
.pharmalist::-webkit-scrollbar{width: 4px;}
.pharmalist::-webkit-scrollbar-thumb{background-color: #ccc;border-radius: 4px;}

.servicesection-b {position: relative;padding: 75px 0;min-height: 312px;overflow: hidden;}
.servicesection-b::before {content: "";position: absolute;inset: 0;background: #4C76B3;z-index: 0;}
/* Image AU-DESSUS du gradient */
.servicesection-b::after {content: "";position: absolute;inset: 0;background: url("../img/landinghome/vectorsport.svg") center/cover no-repeat;z-index: 0;opacity:0.1;}
/* Contenu au-dessus de tout */
.servicesection-b > * {position: relative;z-index: 1;}
/* Gradient en arrière Sportsection1 */


 /* Custom Social Icons Style */
footer .social-icon {width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #f8f9fa;color: #333;text-decoration: none;transition: all 0.3s ease;border: 1px solid #eee;}
footer .social-icon:hover {background: #c31a30;color: #fff;border-color: #c31a30;}
footer .social-icon svg { fill: currentColor; }
footer .btn-danger { background-color: #c31a30; border-color: #c31a30; }
footer .btn-danger:hover { background-color: #a01528; }
footer{background-color:#1C1C1E}
/******************/

/**********Newsletter Section********/
.newslettersection{text-align: right;background: linear-gradient(to top, #f8e7e9 0%, #ffffff 100%);padding: 80px 0;min-height: 400px;display: flex;align-items: center;}
.newslettersection .newslettersection {text-align: right;}
.newslettersection .custom-input-group {background: white;padding: 5px;border-radius: 4px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}
.newslettersection .custom-input-group .form-control {border: none;box-shadow: none;}
.newslettersection .custom-input-group .btn-danger {background-color: #c31a30;border: none;border-radius: 4px !important;}
.newslettersection .icon-box img {filter: invert(21%) sepia(85%) saturate(2945%) hue-rotate(338deg) brightness(91%) contrast(97%);}
.newslettersection h2 {font-size: 2rem;}
.newslettersection h5 {font-size: 1.1rem;}
/**********Newsletter Section********/

.footer__nav {background: #f1f4f6;margin-top: 30px;}
.footer-nav__item {display: inline-block;padding: 0 30px;}
.footer-nav__item::after {content: "|";display: inline-block;position: absolute;right: 0;top: 11px;}
.footer-nav__item:first-child::before {content: "";display: none;}
.footer-nav__link {font-weight: 600;color: #000;line-height: 40px;}
.fs-16x{font-size: 16px !important;}
.fs-13x{font-size: 13px !important;}
.fs-18x{font-size: 18px !important;}


/**********/
@media (min-width: 576px) {.rounded-circle-mobile-only {border-radius: 0 !important; }}
/**********/
.prayerbloc.activelist {background: #f3d1d5;}
.ourstatenbr{position: relative;width: 100%;height: 100%;}
.ourstatenbr h5{margin: 0 auto;display: flex;flex-direction: row-reverse;align-items: baseline;justify-content: center;position: absolute;top: -32px;gap: 5px;left: 0;right: 0;}
.titlestatenb{font-size: 1px;position: absolute;right: 0;top: 9px;}
.symbolnumber{font-size: 32px;}
.lg-nbr{font-size: 7em;}
.sm-nbr{font-size: 4em;}
.h-135{height: 135px;}
.hvtextdark:hover{color:#000;}
.dropdown-item:focus, .dropdown-item:hover{background-color: none !important;}
.cardpress h2{font-size:16px;font-weight:700;}.cardpress .job-title{color:#4F4F4F;font-size:12px}
.nbr-article{font-size:14px;color:#4F4F4F;font-weight:600;border: 1px solid #4F4F4F;height: 22px;padding: 0px 3px;}
.head-content{padding-top: 60px;}
.titlehead{font-size: 24px;font-weight: 800;}
.rsredaction a{width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #f8f9fa;text-decoration: none;transition: all 0.3s ease;}
.sujetbadge{background: #F4F4F4;padding: 5px 7px;color: #4F4F4F;font-size: 14px;font-weight: 600;}
.titletimeline span::after{content: "";display: block;width: 30px;margin-top: 5px;border-bottom: 1px solid #eee;flex:1;}
.avatarjournalist{height: 60px;width: 60px;border-radius: 50%;padding: 2px;background: #EEE;margin-bottom: 14px;}
.avatarjournalist img{height: 100%;width: 100%;border: 2px solid #ffff;border-radius: 50%;object-fit: cover;}
.border-facebook{opacity: 1;border: 1px solid #3b5998;}
.border-instagram{opacity: 1;border: 1px solid #C32AA3;}
.border-twitter{opacity: 1;border: 1px solid #000000;}
.text-facebook{color: #3b5998;}
.text-instagram{color: #C32AA3;}
.text-twitter{color: #000000;}