.black-text{
   color: #333 !important;
}
.panel-collapse-law.pl-3.pr-3.pl-lg-5.pr-lg-4.d-flex.align-items-center.justify-content-between{
   font-family: 'DBOzoneX';
   font-size: 31px;
}
.parent-collapse-law.mb-4 {
   margin-bottom: 3rem !important;
}
.panel-collapse-law span {
   padding-bottom: 0px;
}
.pdf-text-law{
   font-family: 'Tahoma' !important;
}
.pdf-text-law:hover {
   color: #f07925 !important;
}
.flex-0{
   flex-grow: 1;
   margin-top: -23px;
}
.me-wrapper{
   /* border:1px solid red;s */
   height: 165px;
   overflow: hidden;
}
.me-wrapper img{
   width:100%;
   height:100%;
}

.gray-text{
   color: #3C3C3B !important;
}
.funfact{
   cursor: pointer;
}
.ul-pdf-law22{
   display: block ;
}
.display-block{
   display: none !important;
}
.chartdiv{
   height: 1200px !important;
}
.food-detail-wrapper{
   height: auto;
   overflow-y: hidden;
}
.slide-banner-wrapper {
   position: relative;
   padding-bottom: 39%;
   overflow: hidden;
}
.swiper-container.slide-banner {
   position: absolute;
}
img.banner-slide {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
}
/* member-benefit table head color */
.deep-blue{
   background-color: #4769AA;
   color: white;
}
.light-blue{
   background-color: #79A9F4;
   color: white;
}
.simple-slide{
   position: relative;
    padding-bottom: 165px;
    z-index: 20;
    overflow: hidden;
}
.slide-prev.simple {
   position: absolute;
   left: 0;
   z-index: 100;
   top: 40%;
   font-size: 22px;
   line-height: 29px;
   padding: 5px 10px 8px 10px;
   background-color: #e0e0e0;
   cursor: pointer;
   color: gray !important;
}
.slide-prev.simple:hover {
   color: #333333 !important;
   background-color: #c0c0c0;
}
.slide-next.simple {
   position: absolute;
   right: 0;
   top: 40%;
   font-size: 22px;
   line-height: 29px;
   padding: 5px 10px 8px 10px;
   background-color: #e0e0e0;
   cursor: pointer;
   color: gray !important;
}
.slide-next.simple:hover {
   color: #333333 !important;
   background-color: #c0c0c0;
}
.simple-slide-image{
   left: 0;
   right: 0;
   top: 0;
   position: absolute;
}
.simple-slide-image a img{
   height: 165px;
}
@media only screen and (min-width: 600px) {
   .more a {
     font-size: 11px;
     text-decoration: none !important;
     color: #0d3ea5;
     line-height: 2.5;
   }
   .simple-slide{
      position: relative;
       padding-bottom: 300px;
       z-index: 20;
       overflow: hidden;
   }
   .slide-prev.simple {
      position: absolute;
      left: 0;
      z-index: 100;
      top: 45%;
      font-size: 22px;
      line-height: 29px;
      padding: 5px 10px 8px 10px;
      background-color: #e0e0e0;
      cursor: pointer;
      color: gray !important;
   }
   .simple-slide-image a img{
      height: 300px;
   }
   .slide-next.simple {
      position: absolute;
      right: 0;
      top: 45%;
      font-size: 22px;
      line-height: 29px;
      padding: 5px 10px 8px 10px;
      background-color: #e0e0e0;
      cursor: pointer;
      color: gray !important;
   }
 }
 @media only screen and (min-width: 900px) {
 }
 @media only screen and (min-width: 1200px) {
   .chartdiv{
      height: 800px !important;
   }
   .simple-slide{
      position: relative;
       padding-bottom: 37%;
       z-index: 20;
       overflow: hidden;
   }
   .slide-prev.simple {
      position: absolute;
      left: 0;
      z-index: 100;
      top: 45%;
      font-size: 22px;
      line-height: 29px;
      padding: 5px 10px 8px 10px;
      background-color: #e0e0e0;
      cursor: pointer;
      color: gray !important;
   }
   .simple-slide-image a img{
      height: auto;
   }
   .slide-next.simple {
      position: absolute;
      right: 0;
      top: 45%;
      font-size: 22px;
      line-height: 29px;
      padding: 5px 10px 8px 10px;
      background-color: #e0e0e0;
      cursor: pointer;
      color: gray !important;
   }
   .food-detail-wrapper{
      height: 330px;
      overflow-y: hidden;
   }
 }