.tl {
    font-family:'readex'
}
.tx {
    font-family:bbc_nassim,Arial,sans-serif
}
.txx {
    font-family:bbc_nassim,Arial,sans-serif
}
.dirr {
    direction:rtl;
}
.ta {
    text-align:right
}
::-webkit-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
:-ms-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
::placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
.video_icon_home
{
    right: 45%;
}


.sec_vei_trc {
    padding-right: 10px;
}

.vid_swip_desk{
    padding-right:10px
}


.video_item_homes
{
    padding-right: 21px;
}
.test:after {
    background:url("border.svg");
}
@media screen and (min-width: 992px) {
    .home_main_new{
        /* padding-left: 25px !important; */
    }
}


@media screen and (min-width: 992px) {
   .mx-w {
    min-width: 320;
   }
}

.home_main_sec{
    /* padding-right:20px; */
}

.home_main_new_cat{
    right: 10px;
}
.home_second_new_desc{
    padding-left: 9px;
}
/* videojs live comp. theme*/
.vjs-control-bar {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%) !important;
}
.player_wrap .v-skeleton-loader__image {
    height:100%!important
}

/*** 
/*
/* en 
/*
***/


html[lang="fr"] .au-container {
    right: 0 !important;
    left: auto !important;
}


html[lang="sw"] .au-container {
    right: 0 !important;
    left: auto !important;
}


html[lang="tr"] .au-container {
    right: 0 !important;
    left: auto !important;
}


html[lang="en"] .au-container {
    right: 0 !important;
    left: auto !important;
}


html[lang="ar"] .au-container {
    left: 0 !important;
    right: auto !important;
}


html[lang="pr"] .au-container {
    left: 0 !important;
    right: auto !important;
}


html[lang="ur"] .au-container {
    left: 0 !important;
    right: auto !important;
}




html[lang="en"] .top-slider-button{
  float: left;
}

html[lang="en"] .tl{
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}
html[lang="en"] .tx {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="en"] .dirr {
    direction:ltr  !important;
}
html[lang="en"] .ta {
    text-align:left
}
html[lang="en"] ::-webkit-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="en"] :-ms-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="en"] ::placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}

html[lang="en"] .video_icon_home
{
    left: 45%;
}
html[lang="en"] .video_item_homes
{
    padding-left: 21px;
}

html[lang="en"] .sec_vei_trc {
    padding-left: 10px;
}

html[lang="en"] .vid_swip_desk{
    padding-left:10px
}
html[lang="en"] .home_main_new{
    /* padding-right: 25px ; */
}

html[lang="en"] .home_main_sec{
    /* padding-left:20px ; */
}


html[lang="en"] .home_main_new_cat{
    left: 10px;
}

html[lang="en"] .home_second_new_desc{
    padding-right: 9px;
}



/*** 
/*
/* pr 
/*
***/
html[lang="pr"] .mid-title {
    font-size: 26px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .side-title {
    font-size: 16px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .messiri_fonted * {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .nav_btn * {
    font-size: 17px;
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}
html[lang="pr"] .video-title * {
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}
html[lang="pr"] .nav-link {
    font-size: 18px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .icon-before-link {
    font-size: 18px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .sub_nav {
    font-size: 17px;
}
html[lang="pr"] .service_title {
    font-size: 20px;
    font-weight: bold;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .v-form * {
    font-weight: bold;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .table-header, html[lang="pr"] .dist_title {
    font-weight: bold;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .service_detail {
    font-size: 18px;
    font-weight: 900;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .home_main_new_des {
    font-size: 18px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}


html[lang="pr"] .tl {
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}
html[lang="pr"] .tx {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] .dirr {
    direction:rtl
}
html[lang="pr"] .top-slider-button{
  float: right;
}
html[lang="pr"] .home_second_new_desc{
    padding-left: 9px;
}
html[lang="pr"] .video_item_homes
{
    padding-right: 21px;
}

html[lang="pr"] .sec_vei_trc {
    padding-right: 10px;
}

html[lang="pr"] .vid_swip_desk{
    padding-right:10px
}
html[lang="pr"] .video_icon_home
{
    right: 45%;
}
html[lang="pr"] .ta {
    text-align:right
}
html[lang="pr"] ::-webkit-input-placeholder {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] :-ms-input-placeholder {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="pr"] ::placeholder {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}

html[lang="pr"] .home_main_new{
    /* padding-left: 25px !important; */
}

html[lang="pr"] .home_main_sec{
    /* padding-right:20px; */
}
html[lang="pr"] .home_main_new_cat{
    right: 10px;
}



/*** 
/*
/* tr
/*
***/

html[lang="tr"] .tl {
    font-family:Cambria,Arial,sans-serif
}
html[lang="tr"] .tx {
    font-family:Cambria,Arial,sans-serif
}
html[lang="tr"] .dirr {
    direction:ltr
}


html[lang="tr"] .top-slider-button{
  float: left;
}

html[lang="tr"] .video_item_homes
{
    padding-left: 21px;
}

html[lang="tr"] .sec_vei_trc {
    padding-left: 10px;
}

html[lang="tr"] .vid_swip_desk{
    padding-left:10px
}
html[lang="tr"] .video_icon_home
{
    left: 45%;
}
html[lang="tr"] .ta {
    text-align:left
}
html[lang="tr"] ::-webkit-input-placeholder {
    font-family:Cambria,Arial,sans-serif
}
html[lang="tr"] :-ms-input-placeholder {
    font-family:Cambria,Arial,sans-serif
}
html[lang="tr"] ::placeholder {
    font-family:Cambria,Arial,sans-serif
}

html[lang="tr"] .home_main_new{
    padding-right: 25px !important;
}

html[lang="tr"] .home_main_sec{
    /* padding-left:20px; */
}

html[lang="tr"] .home_main_new_cat{
    left: 10px;
}

html[lang="tr"] .home_second_new_desc{
    padding-right: 9px;
}


/*** 
/*
/* de
/*
***/

html[lang="de"] .tl {
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}
html[lang="de"] .tx {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="de"] .dirr {
    direction:ltr
}

html[lang="de"] .top-slider-button{
  float: left;
}

html[lang="de"] .video_item_homes
{
    padding-left: 21px;
}

html[lang="de"] .video_icon_home
{
    left: 45%;
}
html[lang="de"] .ta {
    text-align:left
}
html[lang="de"] ::-webkit-input-placeholder{
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="de"] :-ms-input-placeholder{
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="de"] ::placeholder{
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="de"] .home_main_new{
    padding-right: 25px !important;;
}

html[lang="de"] .home_main_sec{
    /* padding-left:20px ; */
}

html[lang="de"] .home_main_new_cat{
    left: 10px;
}


/*** 
/*
/* fr 
/*
***/

html[lang="fr"] .tl {
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}
html[lang="fr"] .tx {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="fr"] .dirr {
    direction:ltr
}

html[lang="fr"] .top-slider-button{
  float: left;
}

html[lang="fr"] .video_item_homes
{
    padding-left: 21px;
}


html[lang="fr"] .video_icon_home
{
    left: 45%;
}
html[lang="fr"] .ta {
    text-align:left
}

html[lang="fr"] .sec_vei_trc {
    padding-left: 10px;
}

html[lang="fr"] .vid_swip_desk{
    padding-left:10px
}

html[lang="fr"] ::-webkit-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="fr"] :-ms-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="fr"] ::placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="fr"] .home_main_new{
    padding-right: 25px !important;
}

html[lang="fr"] .home_main_sec{
    /* padding-left:20px; */
}

html[lang="fr"] .home_main_new_cat{
    left: 10px;
}

html[lang="fr"] .home_second_new_desc{
    padding-right: 9px;
}



/*** 
/*
/* sw
/*
***/

html[lang="sw"] .tl {
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}
html[lang="sw"] .tx {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="sw"] .dirr {
    direction:ltr
}


html[lang="sw"] .top-slider-button{
  float: left;
}


html[lang="sw"] .video_item_homes
{
    padding-left: 21px;
}


html[lang="sw"] .sec_vei_trc {
    padding-left: 10px;
}

html[lang="sw"] .vid_swip_desk{
    padding-left:10px
}


html[lang="sw"] .video_icon_home
{
    left: 45%;
}
html[lang="sw"] .ta {
    text-align:left
}
html[lang="sw"] ::-webkit-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="sw"] :-ms-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="sw"] ::placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}

html[lang="sw"] .home_main_new{
    padding-right: 25px !important;
}

html[lang="sw"] .home_main_sec{
    /* padding-left:20px; */
}

html[lang="sw"] .home_main_new_cat{
    left: 10px;
}
html[lang="sw"] .home_second_new_desc{
    padding-right: 9px;
}


/*** 
/*
/* ur
/*
***/

html[lang="ur"] .mid-title {
    font-size: 26px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .side-title {
    font-size: 16px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .messiri_fonted * {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .nav_btn * {
    font-size: 17px;
    font-family:Noto_Nastaliq_Urdu_Draft,Arial,sans-serif
}
html[lang="ur"] .video-title * {
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}
html[lang="ur"] .nav-link {
    font-size: 18px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .icon-before-link {
    font-size: 18px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .sub_nav {
    font-size: 17px;
}
html[lang="ur"] .service_title {
    font-size: 20px;
    font-weight: bold;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .v-form * {
    font-weight: bold;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .table-header, html[lang="pr"] .dist_title {
    font-weight: bold;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .service_detail {
    font-size: 18px;
    font-weight: 900;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .home_main_new_des {
    font-size: 18px;
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}



html[lang="ur"] .tl {
    font-family:Noto_Nastaliq_Urdu_Draft,Arial,sans-serif
}
html[lang="ur"] .tx {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .dirr {
    direction:rtl
}

html[lang="ur"] .video_item_homes
{
    padding-right: 21px;
}


html[lang="ur"] .sec_vei_trc {
    padding-right: 10px;
}

html[lang="ur"] .vid_swip_desk{
    padding-right:10px
}

html[lang="ur"] .home_second_new_desc{
    padding-left: 9px;
}
html[lang="ur"] .video_icon_home
{
    right: 45%;
}
html[lang="ur"] .ta {
    text-align:right
}


html[lang="ur"] .top-slider-button{
  float: right;
}



html[lang="ur"] ::-webkit-input-placeholder {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] :-ms-input-placeholder {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] ::placeholder {
    font-family:Noto_Naskh_Arabic,Arial,sans-serif
}
html[lang="ur"] .home_main_new{
    /* padding-left: 25px !important; */
}

html[lang="ur"] .home_main_sec{
    /* padding-right:20px; */
}

html[lang="ur"] .home_main_new_cat{
    right: 10px;
}

html[lang="ur"] .home_main_new_cat{
    right: 10px;
}

/*** 
/*
/* es 
/*
***/

html[lang="es"] .tl{
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
}

html[lang="es"] .top-slider-button{
  float: left;
}

html[lang="es"] .tx {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="es"] .dirr {
    direction:ltr  !important;
}
html[lang="es"] .ta {
    text-align:left
}
html[lang="es"] ::-webkit-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="es"] :-ms-input-placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}
html[lang="es"] ::placeholder {
    font-family:bbc_nassim,Arial,sans-serif
}

html[lang="es"] .video_icon_home
{
    left: 45%;
}
html[lang="es"] .video_item_homes
{
    padding-left: 21px;
}

html[lang="es"] .sec_vei_trc {
    padding-left: 10px;
}

html[lang="es"] .vid_swip_desk{
    padding-left:10px
}
html[lang="es"] .home_main_new{
    /* padding-right: 25px ; */
}

html[lang="en"] .home_main_sec{
    /* padding-left:20px ; */
}


html[lang="en"] .home_main_new_cat{
    left: 10px;
}

html[lang="en"] .home_second_new_desc{
    padding-right: 9px;
}

html[lang="ar"] .input-tel__input{
 direction: rtl;
}



html[lang="pr"] .input-tel__input{
    direction: rtl;
    font-family:Noto_Kufi_Arabic,Arial,sans-serif
   }
   
   html[lang="ar"] .vue-phone-number-input{
    direction: rtl !important;
    font-family: 'cairo_reg' !important;

   }
   
  
   html[lang="en"] .table {
    text-align: left !important;
}

html[lang="en"] .border-end {
    border-right: 1px solid #dee2e6;
    border-left: none !important;
}




html[lang="es"] .table {
    text-align: left !important;
}

html[lang="es"] .border-end {
    border-right: 1px solid #dee2e6;
    border-left: none !important;
}



html[lang="sw"] .table {
    text-align: left !important;
}

html[lang="sw"] .border-end {
    border-right: 1px solid #dee2e6;
    border-left: none !important;
}



html[lang="de"] .table {
    text-align: left !important;
}

html[lang="de"] .border-end {
    border-right: 1px solid #dee2e6;
    border-left: none !important;
}



html[lang="fr"] .table {
    text-align: left !important;
}

html[lang="fr"] .border-end {
    border-right: 1px solid #dee2e6;
    border-left: none !important;
}



html[lang="tr"] .table {
    text-align: left !important;
}

html[lang="tr"] .border-end {
    border-right: 1px solid #dee2e6;
    border-left: none !important;
}


html[lang="tr"] .abbas-bin-ali::before {
    margin-right: 10px;
}


html[lang="az"] .dirr {
    direction:ltr
}


html[lang="az"] .tl{
    font-family:Noto_Sans,Arial,sans-serif
}

html[lang="az"] .top-slider-button{
  float: left;
}

html[lang="az"] .tx {
    font-family:Noto_Sans,Arial,sans-serif
}
html[lang="az"] .ta {
    text-align:left
}
html[lang="az"] ::-webkit-input-placeholder {
    font-family:Noto_Sans,Arial,sans-serif
}
html[lang="az"] :-ms-input-placeholder {
    font-family:Noto_Sans,Arial,sans-serif
}
html[lang="az"] ::placeholder {
    font-family:Noto_Sans,Arial,sans-serif
}

html[lang="az"] .video_icon_home
{
    left: 45%;
}
html[lang="az"] .video_item_homes
{
    padding-left: 21px;
}

html[lang="az"] .sec_vei_trc {
    padding-left: 10px;
}

html[lang="az"] .vid_swip_desk{
    padding-left:10px
}


@media (min-width: 320px) and (max-width: 767px) {
    html[lang="tr"] .abbas-bin-ali::before {
        font-size: 14px !important;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="tr"]  .side-title {
        font-size: 11px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="tr"]  .mid-title {
        font-size: 14px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="de"] .abbas-bin-ali::before {
        font-size: 12px !important;
        margin-right: 4px;
        margin-left: 4px;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="de"] .abbas-bin-ali::after {
        font-size: 12px !important;
        margin-right: 4px;
        margin-left: 4px;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="de"]  .side-title {
        font-size: 11px !important;
        text-align: center;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="de"]  .mid-title {
        font-size: 15px !important;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
    html[lang="de"]  .shrine-history {
        text-align: center !important;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
    html[lang="de"] .abbas-bin-ali {
        text-align: center !important;
    }
}



@media (min-width: 320px) and (max-width: 767px) {
    html[lang="fr"] .abbas-bin-ali::before {
        font-size: 12px !important;
        margin-right: 4px;
        margin-left: 4px;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="fr"] .abbas-bin-ali::after {
        font-size: 12px !important;
        margin-right: 4px;
        margin-left: 4px;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="sw"]  .mid-title {
        font-size: 14px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="sw"] .abbas-bin-ali::before {
        margin-right: 4px;
        margin-left: 4px;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="sw"] .abbas-bin-ali::after {
        margin-right: 4px;
        margin-left: 4px;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="en"] .abbas-bin-ali::before {
        font-size: 12px !important;
        margin-right: 4px;
        margin-left: 4px;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="en"] .abbas-bin-ali::after {
        font-size: 12px !important;
        margin-right: 4px;
        margin-left: 4px;
    }  
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="en"] .side-title {
        font-size: 11px !important;
        text-align: center;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="en"] .mid-title {
        font-size: 18px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="en"] .shrine-history {
        text-align: center !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="en"] .abbas-bin-ali {
        text-align: center !important;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
    html[lang="pr"] .mid-title {
        font-size: 15px !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="ur"] .side-title {
        font-size: 10px !important;
        text-align: center;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    html[lang="ur"] .mid-title {
        font-size: 12px !important;
    }
}