.logo-nd{
    width:52px;
}
.head-ce{
    padding:8px 0;
}
.linked-dv{
    display:none;
}
.mobile-menu-dash {
    background: #000000;
}
.mobile-menu {
    top: 19px;
}
.breadcrumb-tp {
    direction: rtl;
    padding: 0 16px;
    margin:24px 0 12px 0;
}
.breadcrumb-tp li{
    padding:0 0;
}
.breadcrumb-tp li a {
    padding: 0px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: normal;
    text-align: right;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.40);
    display: inline-block;
    position: relative;
}
.breadcrumb-tp li a:after {
        content: "\e875";
  font-family: 'Linearicons-Free';
    margin: 0 6px 0 6px;
    font-size: 10px;
    font-weight: normal;
}
.breadcrumb-tp li:last-child a {
    color: #000;
}
.breadcrumb-tp li:last-child a:after{
    display:none;
}
.md-trigger {
    position: absolute;
    bottom: 16px;
    left: 16px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.80);
    border: none;
    text-align: center;
    width: 85px;
    height: 48px;
    border: none;
    direction: rtl;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.bx-mbtn {
    position: relative;
}
.rw-bx-flex > div{
    padding:12px;
}
.rw-bx-flex .clear{
    padding:0;
}
.img-bx-bn{
    margin-bottom:24px;
    position:relative
}
.fixedmenu {
   flex: 0 0 auto;
    display: flex;
    color: #333;
    text-decoration: none;
    padding: 12px 0px;
    width:100%;
    font-size: 14px;
    white-space: nowrap;
    direction: rtl;

    column-gap:61px;
    border-bottom:1px solid #B4B4B4;
    margin-bottom:24px;
}
.fixedmenu a {
    display: inline-block;
    color: #333;
    font-size: 18px;
    position: relative;
    padding:16px 0;
}
.fixedmenu a:before{
     position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #F26522;
    content: "";
    right: 0;
    display:none;
}
.fixedmenu a.active:before{
    display:block;
}

.md-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 100vh;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(143,27,15,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
    height:100vh;
    overflow:scroll;
    padding:100px;
}
.img-responsive{
    width:100%;
}
.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
    margin-bottom:30px;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 29px;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: #000;
    font-size: 45px;
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


#navbar-nd.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background-color:#fff;
    z-index:1080;
    padding:0 60px;
}
#navbar-nd  a.active {
    color: #000;
    background:none;
    font-weight:bold;
}
.link-tb{
    padding:12px 0 56px 0;
}
.ti-ht{
    color: #000;
text-align: right;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;

}
.wh-bc{
    border-radius: 100px;
background: #FFF;
color:#000;
width: 293px;
height: 56px;
margin:16px 0;
font-size:16px;
display:flex;
align-items:center;
justify-content:center;
column-gap:20px;
direction:rtl;
}
.nm-us{
    color: #949494;
text-align: right;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.nm-us:before{
    position: relative;
    width: 4px;
    height: 4px;
    content: "";
    background-color: #B4B4B4;
    border-radius: 50%;
    display: inline-block;
}
.emtz-bx strong{
    font-size:18px;
}
.p-star{
    display: flex;
    gap: 4px;
     position:relative;
}
.p-star:after{
 position:absolute;
 top:-10px;
 width: 0;
height: 39px;
content:"";
left:-11px;
border-right:1px dashed #A3A3A3;
}
.mp-ads{
    color: #000;
text-align: right;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
display:flex;
column-gap:4px;
}
.content-bx{
    direction:rtl;
    padding-bottom:40px;
}
.list-bt-sh li {
    float:left;
}
.list-bt-sh li a,.list-bt-sh li button,.list-bt-sh li > span{
    width: 48.977px;
height: 48.977px;
border:1px solid #949494;
border-radius:50%;
background-color:#fff;
display:flex;
justify-content:center;
align-items:center;
}
.content-bx .link-bt {
    margin: 66px 5px 0 0px;
}
.content-bx .link-bt:before {
    width: 101px;
}
.content-bx > div{
    padding:0 0;
}
.facilities-dv{
    border-radius: 20px;
border: 0.5px dashed #A3A3A3;
background: rgba(232, 232, 232, 0.60);
padding:24px 32px;
}
.sp-rg{
    display: flex;
    direction: rtl;
    align-items: center;
    gap: 8px;
    color: #000;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding-bottom:24px;
}
#provincesGrid{
          display: flex;
    flex-wrap: wrap;
    direction: rtl;
    margin: 0 0;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
}
.province-item {
    display: flex;
    flex: 0 0 auto;
    width: 16.666667%;
    column-gap: 8px;
    padding: 11px 0;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;

}
.province-item i{
   font-size: 28px;
}
.province-item svg{
    width:26px!important;
    height:26px!important;
    position:relative;
    top:-5px;
}
.panel-off-se{
    border-radius: 20px;
background: rgba(196, 55, 0, 0.10);
padding:24px 24px;
direction:rtl;
}
.time-cl{
    border-radius: 100px;
    background: #C43700;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    direction: rtl;
    gap: 4px;
    float: left;
    padding: 0px 11px;
    flex-direction: row;
}
.time-cl span{
 color: #fff !important;
    font-size: 20px;
}
.rw-panel{
    border-radius: 20px;
background: #FFF;
padding:24px 56px;
margin-bottom:24px;
}
.ti-rw{
    color: #000;
text-align: right;
padding-bottom:24px;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
border-bottom:1px dashed #A3A3A3;
margin-bottom:24px;
}

.dec, .inc {
    cursor: pointer;
    border-radius: 50%;
 width: 40px;
height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    font-style: normal !important;
}
.num{
    width:40px;
    display:inline-block;
}
.qty {
    position: relative;
    display: flex;
    text-align:center;
    align-items:center;
    justify-content:center;
    margin-right:24px;
}
.li-room{
display: flex;
    align-items: center;
    padding:8px 0 0 0;column-gap: 15px;
}
.bx-ssd{
    display: flex;
    justify-content: end;
    column-gap: 24px;
    align-items: center;
}
.link-rzv{
    border-radius: 100px;
background: #F26522;
width: 118px;
height: 48px;
text-align:center;
color:#fff;
justify-content:center;
display:flex;
align-items:center;
}
.sh-nm{
    color: #949494;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 8px;
padding:0 8px;
border-left:1px solid #949494;
}
.no-pn{
    padding:0 0;
}
.bt-panel .panel-off-se{
    background:none;
  /*  margin:64px 0;*/
    padding:0 0;   
}
.bt-panel .dv-container > .col-md-12{
    padding:0 0;
}
.about-htl{
    border-radius: 20px;
background: #FFF;
}
.hd-about{
    border-radius: 20px 20px 0 0;
background: rgba(3, 76, 43, 0.12);
padding:16px 48px;
}
.hd-about .sp-rg,.head-bx-tp .sp-rg{
    padding-bottom:0;
}
#profile-description {
  padding:16px 48px;
  position:relative;
}
#profile-description .text {
color: #000;
text-align: justify;
direction:rtl;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 200%; /* 32px */
}

#profile-description .text p,#profile-description .text p span,#profile-description .text span{
        font-family: 'ModamFaNumWeb', 'Modam-Regular' !important;
}
#profile-description .show-more {
    color: #F26522;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 600;
    position: relative;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    direction: rtl;
    padding: 16px 0 24px 0;
}
#profile-description .show-more:hover { 
    color: #000;
}
#profile-description .show-more-height { 
  height: 155px; 
  overflow:hidden; 
  position:relative;
}
#profile-description .show-more-height:before{
    position:absolute;
    border-radius: 0 0 20px 20px;
background: linear-gradient(3deg, #FFF 2.87%, rgba(255, 255, 255, 0.00) 89.54%);
width:100%;
height:165px;
bottom:0;
left:0;
z-index:99;
content:"";
}
.show-more svg{
    position:relative;
    top:5px;
}
.about-dv-bx{
   margin: 64px 0;
}
.pn-bx-mj{
       padding: 16px 36px 24px 36px;
       border-radius: 20px;
border: 0.5px dashed #A3A3A3;
background: #FFF;
}
.sp-rg span{
    color:#8b8b8b;
    font-weight:normal;
}
.about-dv-bx .link-bt {
    margin: 10px 5px 0 0px;
}
.about-dv-bx .link-bt svg{
    position:relative;
    top:4px;
}
.mp-dv .link-bt,.comment-bx-pg .link-bt{

    margin: 0px 5px 0 0px;
}
.img-mp{
    border-radius:20px;
 }
.mp-dv{
    margin-bottom:80px;
}
.p-px-md{
    padding:24px 48px 36px 48px;
    color: #000;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
direction:rtl;
}
.bc-nx{
    width: 194px;
height: 64px;
border-radius: 100px;
background: #EDEDED;
display:flex;
justify-content:center;
align-items:center;

column-gap:32px;
}
.cl-ti{
    direction:ltr;
    display:inline-flex;
    column-gap:4px;
}
.bc-nx{
    float:right;
    margin-left:16px;
}
.pn-dv{
margin:48px 0 0 0;
}
.head-bx-tp{
    border-radius: 10px;
background: #EDEDED;
    padding: 16px 48px;
}
.sp-11{
    color: #000;
    text-align: right;
    font-size: 18px;
    font-style: normal;
    font-weight: 200;
    line-height: 200%;
    float: right;
    position: relative;
    display: inline-flex;
    padding-right: 24px;
}
.sp-12{
color: #0084B8;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 200%;
float:left;
}
.list-bx-ti{
    display: block;
    width: 100%;
}
.list-bx-ti li{
    height:40px;
}
.sp-11:before{
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #000;
    border-radius: 50%;
    content: "";
    right: 2px;
    top: 17px;
}
.list-bx-ti{
    padding-left:40px;
}
.profile-mx{
      display: inline-flex;
    justify-content: flex-start;
    direction: rtl;
    width: 100%;
    column-gap:8px;
}
.row-cmnt{
    padding:40px 0;
    border-bottom:1px dashed #A3A3A3;
}
.profile-img{
width: 57px;
height: 57px;
border-radius:50%;
background-color:rgba(3, 76, 43, 0.10);
display:block;
justify-content:center;
align-items:center;
display:flex;
}
.p-nm-pf{
    color: #000;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding:4px 0 4px 0;
}
.p-star-12{
        display: flex;
    column-gap: 4px;
    font-size:16px;
}
.dt-mk{
    display:inline-flex;
    column-gap:16px;
    align-items:center;
}
.ti-clnt{
    display:flex;
    align-items:center;
    column-gap:4px;
}
.p-bx-cl{
    background-color:#EDEDED;
    width: 104px;
height: 40px;
border-radius:100px;
text-align:center;
justify-content:center;
align-items:center;
display:flex;
direction:rtl;
}
.p-tx-cnmt{
    color: #000;
text-align: justify;
direction:rtl;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 25px;
padding:32px 0 0px 0;
}
.row-cmnt:last-child{
    border:none;
    padding-bottom:104px;
}
.bc-qtn {
    width: 100%;
    direction: rtl;
    text-align: right;
    color: #949494;
    text-align: right;
    padding: 32px 0;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    background: none;
    border-bottom: 1px dashed #B4B4B4;
    position: relative;
    box-shadow: 0px -1px 8px 0px #a2a2a200;
    margin-bottom: 0;
    border-radius: 0px;
}
.card:last-child .bc-qtn{
    border:none;
}
.btn-link-acrd:after {
position: absolute;
    font-weight: normal;
    content: '-';
    font-size: 18px;
    left:18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #f26522;
    font-size:30px;
    font-weight:bold;
}

.btn-link-acrd.collapsed:after {
    content: '+';
    font-weight: normal;
}
.accordion{
    border-radius: 10px;
background: #FFF;
padding:36px 48px;
}
.card-body{
    padding:16px 0;
    text-align:justify;
    direction:rtl;
    line-height:30px;
}
button:focus,button:active{
    outline:none!important;
}
.list-tag{
    padding:0px 0;
}
.list-tag a{
height: 40px;
border-radius: 100px!important;
border:1px solid #949494!important;
display:flex!important;
align-items:center;
padding:0 0;
}
.link-dv-tag{
    padding:56px 0;
}
.bc-sm{
border-radius: 20px;
background: #EDEDED;
padding:24px 24px 48px 24px;
margin:0px 0 56px 0;
}
.bc-sm .title-bx{
    padding-bottom:16px;

}
.bc-sm .title-bx .ti--11{
        font-size:24px;
}

body:has(.fixedmenu) .theiaStickySidebar {
    top: 70px !important;
}
@media screen and (max-width: 1270px){
    .pn-bx-mj .col-lg-4{
        width:50%;
    }
}
@media screen and (max-width: 990px){
 .rw-bx-flex > div {
    padding: 6px;
}
 .bn-img .dv-container{
     padding:0 18px
 }
 section .dv-container > .col-md-12{
     padding:0 0;
 }
 .breadcrumb-tp {
   padding:0;
}
 .bt-panel .panel-off-se{
     margin:32px 0;
 }
 .panel-off-se .col-md-12{
     padding:0 0;
 }
 .row-cmnt:last-child {
    padding-bottom:32px;
}
 .accordion {
    padding: 16px 48px;
}
 .link-dv-tag {
    padding: 24px 0 16px 0;
}
 .link-dv-tag .li-sc{
     padding-bottom:8px;
 }
     .logo-nd {
        width: 40px;
    }
     .house-d.dv-container >.col-xs-12{
    padding:0px;        display: flex;
        flex-direction: column;
}
}
@media screen and (max-width:760px) {
    .logo-nd {
        width: 35px;
    }

    .rw-bx-flex > div {
        padding: 8px 4px;
    }

    .rw-bx-flex .clear {
        padding: 0 0;
    }

    .ti-ht {
        font-size: 19px;
    }

    .list-bt-sh li a, .list-bt-sh li button ,.list-bt-sh li > span{
        width: 30px;
        height: 30px;
    }

        .list-bt-sh li a svg,list-bt-sh li button svg {
            width: 18px;
            height: 18px;
        }

    .list-bt-sh {
     /*   position: absolute;
        top: 0;
        left: 16px;*/
    }

    .content-bx {
        position: relative;
        padding-bottom: 32px;
    }

    .list-bt-sh {
     /*   position: absolute;
                top: -160px;
        left: -10px;*/
    }

    .wh-bc, .mp-ads {
        font-size: 14px !important;
    }

    .emtz-bx strong {
        font-size: 16px;
    }

    .p-star svg {
        width: 16px;
    }

    .mp-ads svg {
        width: 18px;
        position: relative;
        top: -4px;
    }

    .content-bx .link-bt {
        margin: 16px 5px 0 0px;
        text-align: right;
    }

    .facilities-dv {
        padding: 24px 16px;
    }
    .sp-rg {
        font-size: 15px;
        padding-bottom:16px;
        column-gap:4px;
    }
      .sp-rg svg,.sp-rg img{
      width:20px;
      height:20px;
    } 
      .province-item {
   width: 49.33%;
    column-gap: 4px;
    padding: 12px 0;
    font-size: 13px;
    justify-content:flex-start
}
      .province-item svg {
    width:18px !important;
    height:18px !important;
    position: relative;
    top:0px;
}
      .link-tb {
    padding:0px 0 32px 0;
}
      .panel-off-se {
    padding: 24px 16px 16px 16px;
}
      .time-cl span {
    color: #fff !important;
    font-size: 12px;
}
      .time-cl {
 /*   width: 92px;
    height: 27px;*/
           font-size: 12px !important;
        font-weight: normal;
}
        .time-cl svg{
    width:18px !important;
    height:18px !important;
 }
     .ti-off-nn > div{
         padding:0 0;
     }
     .rw-panel {
    padding: 16px 16px;
    margin-bottom: 16px;
    border-radius:8px;
}
     .ti-rw {
    padding-bottom: 16px;
    font-size: 14px;
    margin-bottom: 8px;
}
     .li-room {
    padding: 8px 0 16px 0;
}
     .bx-ssd {
   justify-content: space-between;
}
      .bx-ssd .price-off {
    float: right;
          font-size: 13px;
}
      .sh-nm{
        margin:0 0 0px 16px;
        padding:0 0 0px 16px
      }
      .link-rzv {
    height: 40px;
}
.bt-panel .panel-off-se {
        margin: 24px 0;
    }
.hd-about {
    padding: 16px 16px;
}
#profile-description {
    padding: 16px 16px;
    font-size:13px;line-height:normal

}
.mb-nn{
    display:none;
}
.pn-bx-mj {
    padding: 16px 0;
}
.sp-11,.sp-12{
    font-size:13px;
}
.pn-bx-mj .col-lg-4 {
        width: 100%;
    }
.list-bx-ti li {
    height: 30px;
}
.sp-11:before {
    width: 4px;
    height: 4px;
    right: 2px;
    top: 13px;
}
.list-bx-ti {
    padding-left: 0;
}
.sp-11 {
    padding-right: 14px;
}
.img-mp{
    height:250px;
    object-fit:cover;
}
.mp-dv {
    margin-bottom: 32px;
}
.p-px-md {
    padding: 16px;
    font-size: 14px;
}
.bc-nx {
    width: 47%;
    height: auto;
    display:block;
    column-gap: 8px;
    padding: 8px 8px;
    border-radius:5px;
    margin-left:0px;
    margin-bottom:16px;
}
.pn-dv {
    margin: 16px 0 0 0;
}
.cl-ti {
    column-gap: 8px;
    padding-top: 8px;
    direction:rtl;
}
.cl-ti svg{
    width:18px;
    height:18px;
}
.li-ce{
    margin:16px auto 0 auto!important;
    display:table;
}
.comment-bx-pg .head-bx-tp {
    padding: 16px 16px;
}
.profile-img {
    width: 36px;
    height: 36px;

}
.p-nm-pf {
    font-size: 13px;
    padding: 0px 0 4px 0;
}
.p-star-12 {

    font-size: 13px;
}
.p-star-12 svg{
    width:14px;
}
.dt-mk {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 12px;
}
.ti-clnt, {
    font-size: 13px;
}
.p-bx-cl {
    width: 104px;
    font-size: 13px;
    height: 35px;
}
.p-tx-cnmt {
    font-size: 13px;
    padding: 16px 0 0px 0;
}
.row-cmnt {
    padding: 16px 0;
}
.accordion {
        padding: 8px 16px;
    }
.bc-qtn {
    width: 100%;
    padding: 8px 0;
    font-size: 13px;
    white-space: unset;
    line-height: 25px;
}
.btn-link-acrd:after {
    font-size: 18px;
    left: 0;
    top: 58%;
    font-size: 22px;
    font-weight: bold;
}
.list-tag li a{
    color:#000!important;
    font-size:13px;
}
.link-dv-tag .dv-container{
    padding-left:0;
}
.bc-sm {
    background:none;
    padding: 0px 0 24px 0;
    margin: 0px 0 32px 0;
}
.bc-sm .title-bx {
    padding-bottom: 0;
}
.bc-sm .title-bx .ti--11 {
    font-size: 16px;
}
.ht-btm .dv-container{
    padding-left:0;
}
.fixedmenu {
    padding: 12px 0px;
    width: 100%;
    font-size: 12px;
    white-space: nowrap;
    direction: rtl;
    column-gap: 9px!important;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 24px;
}
.fixedmenu a {
    font-size: 12px;
    padding: 16px 8px;
}
#navbar-nd.fixed {
    padding: 0 12px;
    overflow-x:scroll;
}

}


/*style-new*/
.link-rzv:hover{
   background-color:#d8500f;
   color:#fff;
   
}
@media screen and (max-width:760px) {
   .dec svg,.inc svg{
       width:32px;
       height:32px;
   }
   .num{
       font-size:20px;
       position:relative;
       top:-3px;
   }
   .bx-ssd {
   column-gap:8px;
}
       .link-rzv {
       height: 40px;
       width: 88px;
       position:relative;
       top:4px;
   }
   .sh-nm {
       margin: 0px 0 0px 8px;
       padding: 0 0 0px 8px;
   }
       .sp-bld {
       font-size: 17px;
   }
    #navbar-nd.fixedmenu {
       overflow-x: scroll;
   
   }
    .bc-qtn {
       line-height: 23px;
       padding-left: 18px;
   }
        .logo-nd {
       width: 30px;
   }
.mobile-menu {
   top: 4px;
}
   .dv-pn .linked-btn {
       padding:7px 0;
       height: 50px;
   }
   #navbar-nd.fixed {
   position: fixed;
   inset: env(safe-area-inset-top) 0 auto 0;
}
   .breadcrumb-tp li a {
   font-size: 14px;
}
   .breadcrumb-tp {
   margin: 16px 0 6px 0;
}
}