.lfr-layout-structure-item-container {padding: 0;}.lfr-layout-structure-item-row {overflow: hidden;}.lfr-layout-structure-item-69215249-3301-b5bf-c3bf-018d1b9b2b3d {
font-weight: var(--font-weight-bolder) !important;
text-align: center !important;
}
.lfr-layout-structure-item-69215249-3301-b5bf-c3bf-018d1b9b2b3d {
font-family: Montserrat-Medium;
font-size: 24px;
}.lfr-layout-structure-item-07dfb2f7-acf3-aae1-0d9e-186cd6c66cc8 {
.nav.nav-underline {
text-align: center;
gap: 30px;
}
    .navbar-nav {
justify-content: center;
}

.navbar-collapse-absolute {
  justify-content: center;
}


.nav-link.active {
color:  #f96511 !important;
}
@media screen and (max-width: 575.98px) {
.navigation-tabs a.nav-link {
font-size: 14px;
 padding: 10px 4px;
}
}

.navbar-underline .navbar-toggler-link:after {
    background-color: #f96511;
}
        .navbar {
   background-color:white;
}

}.lfr-layout-structure-item-a817665e-2bc5-8a62-96f7-4b9159c5f77d {
.row {
     flex-wrap: nowrap;
     overflow: auto;
     scrollbar-width: none;
     gap: 20px;
}
.row img{
    border-radius: 20px;
}
@media screen and (max-width: 575px) {
   .col-md-3{
min-width: 220px !important;
img {
    height: 335px;
    width: 220px !important;
 }
}
}

.col-md-3 {
all: unset;
min-width: 317px;
}

}
.lfr-layout-structure-item-a6d2d50e-fe7e-8451-8b51-a19272a8e4e7 {
        .navbar {
   background-color:white;
}
.navbar-nav:lang(ar) {
    width: 88%;
}
.navbar-nav {
    width: 70%;
    margin: 0 auto;
justify-content: center;
}
.navbar .navbar-collapse {

    background: #ffffff;
}



.navbar-nav  .nav-item {
flex-basis: 50%;
font-family: Montserrat-SemiBold;
font-size: 24px;
color: #28313A;
}

.component-tabs .navigation-bar-light .nav-link {
width: 100%;
        font-size: 18px;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
    max-width: unset;
}

.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
 background-color: #F96511;
}
.component-tabs .navigation-bar-light .nav-link.active {
    color: #F96511;
}

.component-tabs .navigation-bar-light .nav-link {
    color: #28313A;
}
.nav-link.active .collapsed .navbar-text-truncate {
   color: #F96511;
}

.navbar-underline .navbar-toggler-link:after {
    background-color: #F96511;
}
@media screen and (max-width: 767px) {
        .collapsed .navbar-text-truncate {
            font-size: 12px;
        }
        .navbar-expand-md .nav-item .navbar-text-truncate {
            font-size: 12px !important;
        }
.navbar-expand-md .nav-item .navbar-text-truncate:lang(ar) {
        font-size: 10px !important;
    }

}
}
.lfr-layout-structure-item-2212d62b-9826-1712-c702-6275517618d7 {
.card {
   height: 100%;
    padding: 10px !important;

  img {
   width: 50px;
  height: 50px;
 }
}
}
.lfr-layout-structure-item-2212d62b-9826-1712-c702-6275517618d7 {

.row {
     flex-wrap: nowrap;
        overflow: auto;
        scrollbar-width: none;
}
@media screen and (max-width: 576px) {
.card {
  height: 85%;
}
   .col{
max-width: 205px;
}

}
.card-interactive:hover, .card-interactive.hover {
    background-color: #FFF;
    background: unset;
    border-width: 1px;
}

.card-interactive:focus, .card-interactive.focus {
    box-shadow: unset;
    border-color: #D0D6DB;
    background-color: #FFF;
}

.card {
   cursor: default;

a {
text-decoration: none;
}
}
.service-container h2 {
    @media screen and (max-width: 767px) {
        margin-left: 17px;
    }
}
.service-container:lang(ar) h2 {
    @media screen and (max-width: 767px) {
        margin-right: 17px;
    }
}

}.lfr-layout-structure-item-8da810d9-0921-f453-9ba4-78c76e47393a {
font-weight: var(--font-weight-bolder) !important;
text-align: center !important;
}
.lfr-layout-structure-item-8da810d9-0921-f453-9ba4-78c76e47393a {
font-family: Montserrat-Bold;
font-size: 32px;
padding-bottom: 22px;
}.lfr-layout-structure-item-54d83b5b-ca7c-a441-f68c-094df78753e1 {
font-weight: var(--font-weight-bolder) !important;
text-align: center !important;
}
.lfr-layout-structure-item-54d83b5b-ca7c-a441-f68c-094df78753e1 {
font-family: Montserrat-Medium;
font-size: 24px;
}.lfr-layout-structure-item-287b0410-e4da-3491-b80d-dbf7141b97ef {
display: none !important;
font-weight: var(--font-weight-bolder) !important;
}
.lfr-layout-structure-item-287b0410-e4da-3491-b80d-dbf7141b97ef {
color: #28313A;
font-family: Montserrat-Bold;
font-size: 32px;
}.lfr-layout-structure-item-7ec05632-7e70-a37f-3820-dc9fe77d8e15 {
max-width: 1000px !important;
}
.lfr-layout-structure-item-7ec05632-7e70-a37f-3820-dc9fe77d8e15 {
margin: 0 auto;
display:block;

.video-container > * {
    border-radius: 15px;
}

.video {
box-shadow: unset;
        max-height: 427px;
}

.video-container {
max-height:427px;
}

.video-container::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%; 
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    pointer-events: none;
border-radius: 15px;
}
}.lfr-layout-structure-item-53606ade-bb77-2ad0-6885-3943e3b99116 {
.navbar-nav {
background: #FFF;
}
 .navbar-nav .nav-link.active {
        color: #F96511 !important;
    }
  
 .navbar-nav .nav-link {
    color: #28313A !important;
  } 
}.lfr-layout-structure-item-8e6e8ac3-07b3-a7d6-bb91-a5fbe3474656 {
font-weight: var(--font-weight-bolder) !important;
text-align: center !important;
}
.lfr-layout-structure-item-8e6e8ac3-07b3-a7d6-bb91-a5fbe3474656 {
font-family: Montserrat-Bold;
font-size: 32px;
padding-bottom: 22px;
}.lfr-layout-structure-item-7b1dbfd7-ed35-7446-6bd9-1570f4ad65d8 {

}

.containerMensuel {
    & .row {
       flex-wrap: nowrap;
        overflow: auto;
        gap: 36px;
        .col {
            all: unset;
            display: flex;
            min-width: 419px;
        }
    }
}

@media (max-width: 576px) { 
  .containerMensuel {
    & .row {
        gap: 12px;
        justify-content: center;
        .col {
            min-width: 280px;
        }
    }
.mttv-pass-card {
    .arrow-btn {
        display:none;
    }
}
    .cannals-wrapper {
        flex-wrap: nowrap !important;
        gap: 15px !important;
        width: 266px;
        overflow: auto !important;
    }
}
      .mttv-list-group {
        padding: 0 10px !important;
    }
 }
.lfr-layout-structure-item-68b1f6ca-7923-032c-3159-17de1a53310f {
.row {
     flex-wrap: nowrap;
        overflow: auto;
        scrollbar-width: none;
gap: 20px;
}
@media screen and (max-width: 576px) {
   .col{
max-width: 220px;
}
}

.col-md-3 {
all: unset;
}
}
@media screen and (max-width: 991px) {.lfr-layout-structure-item-a6d2d50e-fe7e-8451-8b51-a19272a8e4e7 {
.navbar-nav {
width: 100%;
}

.navbar-nav  .nav-item {
flex-basis: 50%;
font-family: Montserrat-SemiBold;
font-size: 24px;
color: #28313A;
}

.component-tabs .navigation-bar-light .nav-link {
width: 100%;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
    max-width: unset;
}

.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
 background-color: #F96511;
}
.component-tabs .navigation-bar-light .nav-link.active {
    color: #F96511;
}

.component-tabs .navigation-bar-light .nav-link {
    color: #28313A;
}

.nav-link.active .collapsed .navbar-text-truncate {
   color: #F96511;
}

.navbar-underline .navbar-toggler-link:after {
    background-color: #F96511;
}
}}@media screen and (max-width: 767px) {.lfr-layout-structure-item-07dfb2f7-acf3-aae1-0d9e-186cd6c66cc8 {
.navbar-nav {
width: 100%;
}

.navbar-nav  .nav-item {
flex-basis: 50%;
font-family: Montserrat-SemiBold;
font-size: 24px;
color: #28313A;
}

.component-tabs .navigation-bar-light .nav-link {
width: 100%;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
    max-width: unset;
}

.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
 background-color: #F96511;
}
.component-tabs .navigation-bar-light .nav-link.active {
    color: #F96511;
}

.component-tabs .navigation-bar-light .nav-link {
    color: #28313A;
    padding: 5px;
}

.collapsed .navbar-text-truncate {
   color: #F96511;
}

.navbar-underline .navbar-toggler-link:after {
    background-color: #F96511;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
            font-size: 16px;
        }
.navbar {
  justify-content: center;
}
}.lfr-layout-structure-item-a6d2d50e-fe7e-8451-8b51-a19272a8e4e7 {
.navbar-nav {
width: 100%;
}

.navbar-nav  .nav-item {
flex-basis: 50%;
font-family: Montserrat-SemiBold;
font-size: 24px;
color: #28313A;
}

.component-tabs .navigation-bar-light .nav-link {
width: 100%;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
    max-width: unset;
}

.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
 background-color: #F96511;
}
.component-tabs .navigation-bar-light .nav-link.active {
    color: #F96511;
}

.component-tabs .navigation-bar-light .nav-link {
    color: #28313A;
}
.collapsed .navbar-text-truncate {
   color: #F96511;
}

.navbar-underline .navbar-toggler-link:after {
    background-color: #F96511;
}
.navbar {
  justify-content: center;
}
}}@media screen and (max-width: 575px) {.lfr-layout-structure-item-19fef7ff-f85e-9bdc-badf-5dd88b262e0f {
.font-weight-bold {
font-size: 20px;
}

.text-7 {
font-size: 16px;
}
}.lfr-layout-structure-item-07dfb2f7-acf3-aae1-0d9e-186cd6c66cc8 {
.navbar-nav {
width: 100%;
}

.navbar-nav  .nav-item {
flex-basis: 50%;
font-family: Montserrat-SemiBold;
font-size: 24px;
color: #28313A;
}

.component-tabs .navigation-bar-light .nav-link {
width: 100%;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
    max-width: unset;
}

.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
 background-color: #F96511;
}
.component-tabs .navigation-bar-light .nav-link.active {
    color: #F96511;
}

.component-tabs .navigation-bar-light .nav-link {
    color: #28313A;
    padding: 5px;
}

.collapsed .navbar-text-truncate {
   color: #F96511 !important;
}

.navbar-underline .navbar-toggler-link:after {
    background-color: #F96511;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
            font-size: 16px;
        }
.navbar {
  justify-content: center;
}

.collapsed .navbar-text-truncate {
color: #f96511;
}
}.lfr-layout-structure-item-a6d2d50e-fe7e-8451-8b51-a19272a8e4e7 {
.navbar-nav {
width: 100%;
}

.navbar-nav  .nav-item {
flex-basis: 50%;
font-family: Montserrat-SemiBold;
font-size: 24px;
color: #28313A;
}

.component-tabs .navigation-bar-light .nav-link {
width: 100%;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
    max-width: unset;
}

.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
 background-color: #F96511;
}
.component-tabs .navigation-bar-light .nav-link.active {
    color: #F96511;
}

.component-tabs .navigation-bar-light .nav-link {
    color: #28313A;
    padding: 5px;
}

.collapsed .navbar-text-truncate {
   color: #F96511;
}

.navbar-underline .navbar-toggler-link:after {
    background-color: #F96511;
}

.navbar-expand-md .nav-item .navbar-text-truncate {
            font-size: 16px;
        }
.navbar {
  justify-content: center;
}
}.lfr-layout-structure-item-7b1dbfd7-ed35-7446-6bd9-1570f4ad65d8 {
}

.containerMensuel {
    & .row {
       flex-wrap: nowrap;
        overflow: auto;
        gap: 36px;
        .col {
            all: unset;
            display: flex;
            min-width: 419px;

            .mttv-card-body {
                 height: auto !important;
             }

    .sub-btn {
        padding: 0px 55px !important;
    }

.journal-content-article {
    min-width: 280px !important;
}

        }
    }
}

@media (max-width: 576px) { 
  .containerMensuel {
    & .row {
        gap: 20px;
flex-wrap: wrap;
        .col {
            min-width: 280px;
        }
    }
.mttv-pass-card {
    .arrow-btn {
        display:none;
    }
}
    .cannals-wrapper {
        flex-wrap: nowrap !important;
        gap: 15px !important;
        width: 266px;
        overflow: auto !important;
    }
}
      .mttv-list-group {
        padding: 0 10px !important;
    }
 }
}