body {
    font-family: "Poppins", sans-serif;
    color: #191919;
    background: #F5F5F5;
    font-weight: 400;
  }
  html {
    scroll-behavior: smooth;
  }
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
  
  span {
    vertical-align: middle;
    line-height: normal;
  }

  a {
    color: #e03a3c;
  }
  
  a:hover {
    color: #e76668;
    text-decoration: none;
  }
  
  /* width */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px coral;
    border-radius: 3px;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #F41616;
    border-radius: 3px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #CC0000;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
  }
  .btn-bg-p{background: #FA0101;  border: 1px #FA0101 solid; }
  .btn-bg-p:hover{background: #fff;  border: 1px #FA0101 solid; color: #FA0101;  }
  .btn-bg-b{background: #191919; border: 1px #191919 solid; }
  .btn-bg-b:hover{background: #fff;  border: 1px #191919 solid; color: #191919;}
  .btn-bg-db{background: #fff;border: 1px #FA0101 solid;/* border-radius: 0 !important; */ color: #FA0101 !important;}
  .btn-bg-db:hover{background: #FA0101;  border: 1px #FA0101 solid; color: #fff !important;} 
  .btn-bg-g{background: rgb(136,239,0);  background: linear-gradient(63deg, rgba(136,239,0,1) 0%, rgba(30,136,10,1) 100%);}
  .btn-bg-g:hover{background: rgb(136,239,0);  background: linear-gradient(63deg,  rgba(30,136,10,1) 0%,rgba(136,239,0,1)  100%);}

  .login_bg{background: url(../img/bglog.jpg); background-size: cover;}
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  #header {position: relative;transition: all 0.5s;z-index: 997;padding: 6px 0;background: #fff;box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);}
  #header.header-scrolled {  padding: 6px 0;  position: fixed;}
  #header .d-flex{padding:0}
  
  #header .logo {margin: 0;padding: 0;font-weight: 600;float: left;margin-right: 0;position: relative;top: 0;}
  #header .logo a {  color: #111111;}
  #header .logo a span {  color: #e03a3c;}
  #header .logo img {max-height: 60px;}  

  .nav-menu{margin-left: 35px;}
  .nav-menu ul {  margin: 0;  padding: 0;  list-style:none ;}
  .nav-menu > ul {  display: flex;}
  .nav-menu > ul > li {  position: relative;  white-space: nowrap;  padding: 10px 15px;}
  
  .nav-menu a {
    display: block;
    position: relative;
    color: #202020;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 500;
    /* text-transform: uppercase; */
  }
  
  .nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
    /* font-weight: 600; */
    color: #EE0000;
  }
  .h-profile{}
  .h-profile ul{
      margin: 0;
      width: 100%;
      padding: 0;
  }
  .h-profile ul li{
      list-style: none;
      display: inline-block;
      padding: 0 0 0 20px;
  }
  .h-profile ul li.login_btn a{
    color: #fff;
    background: #191919;
    padding: 10px 20px;
border-radius: 10px;}

  .h-profile ul li.login_btn a img{width:16px;margin-left: 5px;}
  .h-profile ul li img{ width: 22px;}
  
  .h-search{padding: 10px !important;}
  .h-location{}
  .h-location h4{
      color: #2B2B2B;
      font-size: 12px;
      cursor: pointer;
  }
  .h-location span{
      display: block;
      line-height: 24px;
      position: relative;
      font-weight: bold;
  }
  .h-location span::after{content: '';background: url(../img/icon/ic_down_arrow.svg);width: 10px;height: 10px;float: right;position: absolute;top: 8px;margin-left: 9px;}
  .no-padd{padding:0px;}
    
   .login{
    margin-top: 5em;max-width: 720px;
}
   .login h3{
    font-size: 36px;
    margin-bottom: 40px;
}
   .login .form-field{
    margin: 15px 0;
}
   .login .form-control{
    padding: 23px 12px;
}
.login .btn-bg-p{ padding: 13px 20px;    margin: 0px 10px;    width: 100%;}
   .social-sign .btn-bg-fb{
    background: #3C5A99;
    border: 0;
    font-size: 14px;
    padding: 13px 20px;
    width: 100%;
}
.login_logo{ margin: 80px;}
   .social-sign .btn-bg-gm{
    background: #fff;
    border: 0;
    font-size: 14px;
    padding: 13px 20px;
    width: 100%;
    color: #000;
}

   .logform2{}
   .fg_link{color: #fff;text-align: right;margin: 10px 0;display: block;font-weight: 600;}
  
#otpmodal{}
#otpmodal h5{
    font-size: 20px;
    font-weight: 600;
}
#otpmodal p{
    font-size: 14px;
}

#otpmodal button{width:100%;}
#otpmodal .otp-enter .btn-padd{ width:100%; text-align:center;}
#otpmodal .otp-enter input{
    border: 0;
    color: #fff;
    background: #F98B8B;
}
#otpmodal .my-dialog {
    position: absolute;
    bottom: 0;
    right: 20px;
    margin: 0;
}

#otpmodal .modal-content{background:#F41616;padding: 10px;}

.transition-timer-carousel-progress-bar {
    height: 2px;
    background-color: #000000;
    width: 0%;
    margin: 20px 0;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel-progress-bar::after{content: '';position: relative; background: #707070; height: 1px;}
 
.banner-slide{
    padding-bottom: 5px;
}
.banner-slide #demo{ width: 100%;}
.banner-slide .carousel-caption{ text-align: left;
    padding: 0;
    left: 8%;top: 25%;
    max-width: 35%; }
.banner-slide .carousel-caption h3{ color: #191919; font-size: 24px;} 
.banner-slide .carousel-caption p{color: #707070; font-size: 14px;}
.banner-slide .btn-bnr{background: transparent;
    border: 1px #FA0101 solid;
    color: #FA0101;
    font-size: 14px;
    padding: 10px 20px;}
.banner-slide .btn-bnr img{width: 10px;
    margin-left: 5px;}
.banner-slide .bnr-img{ width: 100%; height: 80%;}
.banner-slide .carousel-control-prev{width: 5%;}
.banner-slide .carousel-control-next{width: 5%;}
.banner-slide .carousel-inner{ border-radius: 20px;}

  /*--------------------------------------------------------------
  # Sections General
  --------------------------------------------------------------*/
  section {
    padding: 40px 0;
    overflow: hidden;
    position: relative;
  }
  
  .section-title {
    text-align: center;
    padding-bottom: 30px;
    position: relative;
  }
  
  .section-title h2 {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
  }
   
  .section-title p {
    margin-bottom: 0;
  }
  
  .section-bg {
    padding: 120px 0;
    color: #fff;
  }
.pro.about_h{padding: 50px 0 80px;}
  
  .section-bg:before {
    content: "";
    background: #1b1b1b;
    position: absolute;
    bottom: 60px;
    top: 60px;
    left: 0;
    right: 0;
    transform: skewY(-3deg);
  }
  .clients {background: linear-gradient(-63deg, #202020 0%, #6a6a6a 100%);}
  .clients .heading h3{color: #fff;} 
  .clients .client-img{width: 94%;text-align: center;float: left;}
  .clients img, .of_c img {
    width: 94%;
    transition: 0.3s;border-radius: 15px
  }
  .fauji-carousel .owl-item{  display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;}
   
  .clients .owl-nav{position:absolute;top:34%;left: 0%;width: 100%;}
  .nearby .owl-nav {    height: 0;position: absolute;top: 28%; left: -2%; width: 103%;display:block !important;}
  .of_c .owl-nav {position: absolute;top: 42%; left: -2%; width: 103%;}
  .offers-carousel .owl-nav {position: absolute;top: 42%; left: -2%; width: 103%;}
  .offers-carousel .owl-dots.disabled, .offers-carousel .owl-nav.disabled{display: block !important;}
  .clients .owl-nav .owl-prev, .nearby .owl-nav .owl-prev, .of_c .owl-nav .owl-prev{background: url(../img/icon/Feedbin-Icon-left-arrow.svg) #fff !important;    background-size: 11px !important;border-radius: 50px;width: 45px;height: 45px;box-shadow: 2px 7px 10px rgb(0 0 0 / 8%);background-repeat: no-repeat !important;background-position: 17px 13px !important;}
  .clients .owl-nav .owl-next, .nearby .owl-nav .owl-next, .of_c .owl-nav .owl-next{background: url(../img/icon/Feedbin-Icon-arrow.svg) #fff !important;    background-size: 11px !important;border-radius: 50px;width: 45px;height: 45px;box-shadow: 2px 7px 10px rgb(0 0 0 / 8%);background-repeat: no-repeat !important;background-position: 17px 13px !important;float: right;margin-top: -45px;}
  .clients .owl-nav button span, .nearby .owl-nav button span, .of_c .owl-nav button span { font-size: 0;}
  
  
  .top-services{padding: 20px 0;/* border-bottom: 1px #ddd solid; */}
  .top-services .container{
    background: #fff;
    border-radius: 20px;/* box-shadow: 6px 7px 25px rgb(0 0 0 / 12%); */
    }
  
  .top-services .container {
    position: relative;
    z-index: 10;
  }
  
  
.heading {
    padding: 0 0 20px;
    width: 100%;display: inline-block;
  }
  
.heading h3 {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 0px;
    float: left;
    line-height: 30px;
    position: relative;
    margin: 10px 0;
  }
.heading h3::after{content:'';background:#FA0101;height:1px;width: 200px;position: absolute;bottom: -10px;left: 0;}
.heading .pull-right{float: right;} 

.m_scrolls.mb-4 {margin: 0px !important;}
.w50 .post{ width: 49%;}
.post.subscribe { padding: 60px 30px;}
.post{
    background: #fff;
    border: 1px #ededed solid;
    padding: 20px;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 24%;
    border-radius: 16px;}
/* .post:nth-child(2){width: 49%;}
.post:nth-child(1){width: 49%;} */
.post:last-child{width: 49%;}
.post a.sublink{
    font-size: 12px;
    margin-bottom: 6px;
    display: block;
}
.post h5{}
.post h5 a{
    color: #191919;
    font-size: 16px;
}
.post p{    color: #707070;    font-size: 13px;    font-weight: 400; line-height: 22px;}
.block-ellipsis p, .block-ellipsis h3{    color: #707070;    font-size: 13px;    font-weight: 400;line-height: 22px;}

.post .p_time{ font-size:11px; color:#454545;}
.nearby.exam .post {  width: 100%;}

  .min-ser {
    text-align: left;
    width: 100%;
    padding: 0 20px;
    display: flex;
  }
  .min-ser .min-ser-img{
      margin: 0;
      float: left;
      width: 140px;
      height: 140px;
      padding: 30px 0;
      border-radius:12px;
      text-align: center;
  }
   
  .min-ser .min-ser-img img{max-height:75px;}
  
  .min-ser h5 {
    font-size: 16px;
    margin: 0 0 0px 20px;
    line-height: 20px;
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #707070;
    /* padding: 30px 0; */
    height: 140px;
  }
  .min-ser h5 a{ color: #000;}


  .shop-ser{
    width: 23%;
    margin: 1%;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    float: left;
}
  .shop-ser a{
    position: relative;
}
  .shop-ser a:after{content:'';background: linear-gradient(0deg, #00000085 0%, #00000000 45%);display: block;height: 280px;position: absolute;top: 0;width: 260px;}
  .shop-ser .shop-ser-img{
    width: 100%;
}
  .shop-ser .shop-ser-img img{
    width: 266px;
    height: 280px;
}
  .shop-ser h5{
    position: absolute;
    bottom: -295px;
    left: 0;
    right: 0;
    text-align: center;
    width: 260px;
    height: 40px;
    color: #fff;
    z-index: 999;
    font-size: 16px;
}

  .nearby, .exam {padding-bottom: 0;}
  .nearby .owl-item{ padding: 0 15px 30px 0;}
  .near-listing{
      border-radius: 12px;
      background: #fff;
      padding: 0 0 20px 0;
      display: inline-block;
      width: 100%;
      box-shadow: 2px 7px 10px rgb(0 0 0 / 10%);
      position: relative;
  }
  .near-listing .img-near{
      width: 100%;
      height: 190px;
      float: left;
      /* margin-bottom: 35px; */
  }
  .near-listing .img-near img{width: 100%;border-radius: 12px 12px 0px 0px;}
  .near-listing h4{
      font-size: 12px;
      font-weight: 400;
      padding:0 16px;
  }
  .near-listing h4 a{color: #000;}
  .near-listing h4 span{float:right; color:#43B800;}
  .near-listing h5{font-size: 14px;padding: 0 16px;color: #191919;line-height: 20px;margin: 0;}
  .near-listing .fav_near{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(.25rem - 1px);
}
.near-listing .fav_near a{background:#fff;width: 30px;height: 30px;display: block;padding: 5px;border-radius: 50%;text-align: center;}
  .near-listing .rating{
    padding: 0 16px;
}
  .near-listing .rating img{
      width: 18px;
      display: inline-block;
      margin: 0 0px;
  }
  .near-listing .status {
      float: right;
      color: #3C8B00;
      font-size: 14px;
      padding-right: 16px;
  }
  .near-listing .status span{}
  .status-color{width: 10px;   height: 10px;   border-radius: 8px;   display: inline-block;    margin: 0 10px;}
  .near-listing .status span .status-g{ background: #43B800;  }
  .near-listing .status span .status-r{ background: #FF0000;  width: 10px;   height: 10px;   border-radius: 8px;   display: inline-block;    margin: 0 10px;}
  
  .btn-padd{
      display: inline-block;
      padding:8px 25px;
      color: #fff;
      font-weight: normal;
      border-radius: 10px;
      font-size: 14px;
  }
   
  .exam .owl-item{ margin: 0px;  padding: 0 15px 30px 0;}
  .exam .min-ser{ width: 98%;     padding: 10px;    margin: 0;}

  
.post-details{}
.post-details h5{
    font-size: 30px;
    margin: 12px 0 30px 0;
}
.post-details h6{
    font-size: 13px;
    color: #FA0101;
}
.post-details img{
    width: 100%;
    margin-bottom: 20px;
}
.post-details p{
    color: #707070;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
}
.post-details p strong{
    font-style: normal;
    font-size: 16px;
    display: block;
    font-weight: 600;
    color: #111;
}
.post-details .post_sm{
    /* float: left; */
    width: 100%;
}
.post-details .post_sm img{
    width: 36%;
    margin-right: 4%;
}
.post-details .post_sm_content{
    width: 60%;
    float: right;
}
.post-details .post_sm_content small{
    font-size: 16px;
}
.share_post{
    width: 100%;
    text-align: center;
}
.share_post h6{
    margin: 20px 0;
    background: #fff;
}

.share_post h6 span{
    background: #fff;
    position: relative;
    top: -9px;
    padding: 10px 20px;
}
.share_post h6::before{content: '';height: 1px;background: #000;float: left;width: 100%;}
.share_post ul{
    margin: 3px 0 0 15%;
    width: 75%;
    display: inline-block;
    padding: 0;
    text-align: right;
}
.share_post ul li{
    list-style: none;
    width: 16%;
    display: inline-block;
}
.share_post ul li a{}
.share_post ul li a img{display:block;margin: 2px auto;width: 30px;}
.share_post ul li a span{
    font-size: 11px;
    color: #000000;
}

  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  #footer {color: #2D2D2D;font-size: 14px;background: #fff;/* background: linear-gradient(-63deg, #6a6a6a 0%, #202020 100%); */}
  #footer .footer-top {  padding: 60px 0 30px 0;}
  #footer .footer-top hr{margin: 30px 0;    display: inline-block;    width: 100%;}
  .footer-top h4{font-size:20px;font-weight: bold;position: relative;padding-bottom: 12px;}
  .sc-links{text-align: left;margin-bottom: 30px;}
  .sc-links ul{}
  .sc-links ul li{display: inline-block;margin-left: 21px;}
  .sc-links ul li img{width: 32px;max-height: 32px;}
  .sc-links a{color: #fff;margin: 0px 30px 0 0 !important;display: inline-block;}
  .sc-links a i{font-size: 22px;color: #fff;}
hr.mt-4{border-bottom: 1px #ABABAB solid;}
.footer-top h6{    font-size: 16px;    margin-bottom: 10px;} 
.subscribe h6 span{    display: block;    font-size: 12px;    color: #FA0101;    font-weight: normal;    margin-bottom: 6px;}  
.copyrights {    padding: 50px 0 30px 0;    background: #000000;    text-align: center;    color: #fff;    font-size: 12px;} 
.copyrights h6{margin-bottom:15px;}
.copyrights a{color: #fff; margin: 0 5px;}
.copyrights img{width: 50px;}
.copyrights p{margin: 0;}
.footer-top p{ font-size: 13px;} 
  #footer .footer-top ul {  list-style: none;  padding: 0;  margin: 0;} 
  #footer .footer-top ul li {padding: 3px 0;display: flex;align-items: center;font-size: 13px;}
  
  #footer .footer-top .footer-links ul li:first-child {  padding-top: 0;}
  #footer .footer-top .footer-links ul a {  color: #fff;  transition: 0.3s;  display: inline-block;  line-height: 1;}
  #footer .footer-top .footer-links ul a:hover { text-decoration: underline;  color: #fff;}
  #footer .input-group .input-group-text{
    cursor: pointer;
    }
  .subscribe .input-group .newsletter{ z-index: 99;    border-radius: 0;    border: 0; background: transparent;    border-bottom: 1px #2D2D2D solid;  width: 100%;    margin: 20px 0;    }
    .subscribe .input-group .newsletter:focus{outline: 0;}

  .overlay_pop{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);transition:opacity 500ms;visibility:hidden;opacity:0;z-index:9999}
  .overlay_pop:target{visibility:visible;opacity:1}
  .overlay_pop .popup{position: absolute;width: 100%;bottom: 0;animation: fadeIn ease 1.5s;    -webkit-animation: fadeIn ease 1.5s;    -moz-animation: fadeIn ease 1.5s;    -o-animation: fadeIn ease 1.5s;    -ms-animation: fadeIn ease 1.5s;   transition: transform 250ms ease-in-out;}
  .overlay_pop .popup .close_pop{position:absolute;top: 0;right:0;transition:all 200ms;font-size: 14px;font-weight:400;text-decoration:none;text-align:center;border-radius: 10px;cursor:pointer;float:right;padding: 6px 20px;color: #7F7F7F;margin-top:0;margin-right:0;line-height: 20px;border: 1px #7F7F7F solid;}
  .overlay_pop .popup .close_pop:hover{color:#06D85F}
  .pop-container{max-width:460px;}
  .reg-page{width: 40%;    min-width: 360px;margin: 0;padding: 50px 40px;background: #fff;border:solid 0 #eee;box-shadow:0 2px 15px rgba(0,0,0,.1);position:relative;float: right;height: 100vh;}
  #reset .reg-page{/* color:#fff; *//* background: linear-gradient(-63deg, rgba(0,128,255,1) 0%, rgba(4,221,255,1) 100%); */}
  .reg-page.reg-bg {background-image: url(../../assets/img/share.png);background-repeat: no-repeat;background-position: bottom right;background-size: 420px;}
  .reg-page .container{position:relative;overflow-y: auto;max-height: 93vh;}
  .reg-header{color:#555;text-align:center;margin-bottom:40px;border-bottom:solid 0 #eee;text-align: left;}
  .reg-header h2{font-size: 20px;font-weight: 700;color: #000;margin-bottom: 6px;}
  .reg-header h2 img{ width:28px; margin-right:10px;}
.reg-header h2 a{}
  #reset .popup .close_pop{/* color: #fff; */}
  #reset .reg-header h2{/* color: #fff; *//* margin-bottom: 10px; */}
  #reset .reg-header p{color: #fff;}
  #reset .reg-page .input-block-level{ text-align: center;}
  #reset .reg-page label{color: #fff;}
  #reset .reg-page .controls.otp_rec .input-block-level{/* float: left; */width: calc(100% - 140px);display: inline-block;}

.profile_pop .profile{display: inline-block;width: 100%;position: relative;margin-bottom: 40px;}
.profile_pop .profile .name{background: #17a2b8;width: 60px;height: 60px;font-size: 20px;font-weight: 400;color: #fff;margin-right: 12px;padding: 14px;letter-spacing: 2px;float: left;}
.profile_pop .profile h4{color: #212121;font-size: 18px;margin-top: 7px;width: 80%;margin-bottom: 5px;}
.profile_pop .profile h5{font-size: 14px;color: #A4A4A4;line-height: 22px;font-weight: normal;width: 80%;}
.profile_pop .profile h5 span{ display:block;}
.profile_pop .edit{position: absolute;float: right;top: 0px;right: 0; cursor: pointer;} 
.profile_pop .pl_heading{
    position: relative;
    font-size: 18px;
    margin-bottom: 20px;
}
.profile_pop .profile_content{
    padding: 0;
    list-style: none;
    margin-bottom: 45px;
}

.profile_pop .profile_content img{margin-right:10px;width: 18px;}
.profile_pop .profile_content li{
    line-height: 28px;
    font-size: 14px;
}
.profile_pop .exam_list{width:100%;margin: 10px 0 10px 0;}
.profile_pop a.btn-padd.btn-bg-p{
    background: #fff;
    color: #FA0101;
}

  .reg-page h4{font-size:14px;margin-bottom: 20px;}
  .reg-page .control-group{ margin-bottom:20px;}
  .reg-page .input-block-level{display:block;padding: 12px 20px;line-height:30px;width:100%;background: #fff;margin-bottom:10px;border: 0;font-size: 16px;color: #353847;border-radius: 12px;border: 1px #707070 solid;}
  .reg-page .controls.otp{}
  .reg-page .controls button{border: 0;padding: 15px 35px;color: #fff;font-weight: 700;}
  .reg-page .controls.otp .input-block-level{  width: 45px;  float: left;    margin-right: 12px;   padding: 10px 10px;    text-align: center;    font-size: 25px;}
  .reg-page .btn-padd{
    padding: 16px 30px;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px; text-align:center;
border-radius: 12px;}
  .reg-page h4{/* font-size: 14px; */}
  .reg-page h4 a{}
  .reg-page h5{font-size: 14px;text-align: left;display:inline-block;width:100%;}
  .reg-page h5 a{    margin: 0 5px;}
  .reg-page .social-login a{
    width: 100%;
    border: 1px #D3D3D3 solid;
    padding: 10px;
    display: inline-block;
    text-align: center;
    color: #000000;
    font-size: 14px;
    margin-bottom: 16px;
border-radius: 12px;}
  .reg-page .social-login a img{
    width: 30px;
    margin-right: 8px;
}

  .reg-page .log-content h6{margin-top: 40px;}
  .reg-page .log-content p{color:#393939; font-size:13px;}  
.reg-page .share_market{}
.reg-page .share_market img{
    width: 100%;
}
#subscribe{background: rgb(0 0 0 / 0%);}
#subscribe .reg-page{width: 100%;height: 90vh;background: rgb(255 255 255 / 39%);
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);}
#subscribe .subs_icons{margin:15% 0 60px 0; width:90px;}
#subscribe h2{color:#FA0101; font-size:24px; font-weight:500;}
#subscribe .trns-btn{    border: 0;    position: relative;    top: -40px;}
#subscribe .get-btn{    position: relative;    top: -40px;    float: right;}

  .hidden{ overflow: hidden;}
  #search {background: #fff;height: 100vh;position: fixed;z-index: 99;overflow: hidden;top: 88px;padding: 70px 0;}
  #search .close_search {   position: absolute;    top: 15px;    right: 15px;    transition: all 200ms;    font-size: 72px;    font-weight: 400;
    text-decoration: none;    text-align: center;    border-radius: 0;    cursor: pointer;    float: right;    padding: 0;    color: #333;
    margin-top: 0;    margin-right: 0;    height: 40px;    width: 40px;    line-height: 45px;  }
  .fixed-top.header-scrolled + #search {  top: 72px;}
  #search .form-control{  background: #F5F5F5 url(../img/icon/ic_grey_search.svg) no-repeat;  border: 0; border-radius: 0; height: 60px; padding: 10px 20px 10px 70px; width: calc(100% - 167px);      display: inline-block;
      background-position: 13px 14px; margin-right: 5px;  }
  #search .btn-bg-p{ display: inline-block; border: 0; padding: 18px 35px 18px 30px; font-size: 16px; color: #fff; font-weight: 500;  }
  #search .btn-bg-p:hover{background: #fff; border:1px #F41616 solid; color:#F41616;}
  #search .container{box-shadow: 6px 7px 25px rgb(0 0 0 / 12%);background: #fff;padding: 60px;height: 75vh; position: relative;}
  #search .btn-bg-p i{margin-right: 10px;}
  
.cat-listing{background: #FA0101;padding: 30px 20px;min-height: 100px;text-align: center;display: flex;align-content: center;flex-wrap: nowrap;align-items: center;border-radius: 12px;}
.cat-listing a{color: #fff;font-size: 14px;}
.cat-listing .img-near{float: left;margin-left: 20px;}
.cat-listing .img-near img{width: 30px;max-height: 30px;margin-right: 10px;border-radius: 10px;background-color: #202020;padding: 2px;}
.cat-listing h4{font-size: 16px;padding: 5px;margin: 0;float: left;} 

.met-listing{width: 25%;padding-right: 1%;float: left;}
.met-listing a{ }
.met-listing .img-near{ border-radius: 12px;overflow: hidden;}
.met-listing .img-near img{width: 100%;}
.met-listing h4{text-align: center;font-size: 14px;color: #191919;padding: 10px 0;margin-bottom: 0;} 

  .modal.fixed-left .modal-dialog-aside {
    width: 650px;
    max-width: 100%;
    height: 100%;
    margin: 0;
    transform: translate(0);
    transition: transform .2s;
}

.modal.fixed-left .modal-dialog-aside .modal-content {
    height: inherit;
    border: 0;
    border-radius: 0;
}

.modal.fixed-left .modal-dialog-aside .modal-content .modal-body {
    overflow-y: auto
}

.modal.fixed-left .modal-dialog-aside {
    margin-left: auto;
    transform: translateX(100%);
}

.modal.fixed-left.show .modal-dialog-aside {
    margin-left: auto;
    transform: translateX(0%);
}
.modal.fixed-left .close{
    /* position: absolute; */
    top: 0;
    right: 0;
    font-size: 42px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    float: right;
    padding: 0;
    margin-top: 0;
    margin-right: 0;
    height: 40px;
    width: 40px;
    line-height: 45px;
    font-weight: 600;
    }
  
    
  .location-modal .modal.left .modal-dialog,
  .location-modal .modal.right .modal-dialog {position: fixed;	margin: auto;		width: 100%;height: 100%;		-webkit-transform: translate3d(0%, 0, 0);	-ms-transform: translate3d(0%, 0, 0);		-o-transform: translate3d(0%, 0, 0);		transform: translate3d(0%, 0, 0);border-radius: 0;		max-width: 600px;}
  
  .location-modal .modal.left .modal-content,
  .location-modal .modal.right .modal-content {	height: 100%;	overflow-y: auto;		border-radius: 0;		padding: 35px;	}
      
  .location-modal .modal.left .modal-body,
  .location-modal .modal.right .modal-body {		padding: 0;	}
  .location-modal .modal.left .modal-body .form-control{    padding: 30px;    border: 1px #ddd solid;   border-radius: 0;   margin-top: 20px;}
  .location-modal .modal.left .modal-body button{    position: absolute;    right: 6px;    border: 0px;    padding: 10px 20px;    color: #fff;    font-weight: 500;    line-height: 30px;    top: 26px;}
  .location-modal .modal.left .modal-body button i{    margin-right: 8px;}
  .location-modal .modal.left .modal-content .close{text-align: right;height: 42px;float: right;position: relative;right: 0;top: -7px;width: 100%;}
  .location-modal .modal.left .modal-content .close span{  font-size: 72px;    font-weight: normal;    position: relative;    top: -15px;}
  /*Left*/
  .location-modal .modal.left.fade .modal-dialog{		left: -320px;
          -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
             -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
               -o-transition: opacity 0.3s linear, left 0.3s ease-out;
                  transition: opacity 0.3s linear, left 0.3s ease-out;
      }
  .location-modal	.modal.left.fade.show .modal-dialog{left: 0;  }
  .location-modal.m-menu-modal .modal.left .modal-content .close span{    color: #fff;    font-size: 60px;}
  .location-modal.m-menu-modal .modal.left.fade.show .modal-dialog{left: 0px;}
  .location-modal.m-menu-modal .modal.left.fade .modal-dialog {left: -240px;max-width: 300px;}
  .location-modal.m-menu-modal .modal.left.fade.show{background: url(../img/footer/menu_bg.jpg) no-repeat right;background-size: 100px;background-position: 298px -1px;}
  .location-modal.m-menu-modal .modal-content{background: #ffffff;padding: 16px !important;}
  .location-modal.m-menu-modal .modal-content .profile{   display: inline-block;   width: 100%;}
  .location-modal.m-menu-modal .modal-content .profile .name{text-align: center;border-radius: 50px;background: #f92805;width: 60px;height: 60px;font-size: 18px;color: #fff;float: left;margin-right: 12px;padding: 10px;font-weight: normal;padding: 17px;}
  .location-modal.m-menu-modal .modal-content .profile h4{color: #000000;font-size: 18px;margin-bottom: 0;margin-top: 10px;}
  .location-modal.m-menu-modal .modal-content .profile h5{font-size: 13px;color: #A4A4A4;line-height: 22px;font-weight: normal;}
  .location-modal.m-menu-modal .modal-content .profile a{
    position: absolute;
    right: 10px;
    top: 9px;
}
  .location-modal.m-menu-modal .modal-content .profile h5 span{ display:block;}
  .location-modal.m-menu-modal .modal-content .m-menu-nav{display: inline-block;    width: 100%;    margin-top: 20px;}
  .location-modal.m-menu-modal .modal-content .m-menu-nav ul{    padding: 0;}
  .location-modal.m-menu-modal .modal-content .m-menu-nav li{list-style: none;margin: 10px 0;padding: 10px 0;}
  .location-modal.m-menu-modal .modal-content .m-menu-nav li a{color: #000000;font-weight: normal;font-size: 15px;}
  .location-modal.m-menu-modal .modal-content .m-menu-nav li img{margin-right: 12px;max-width: 20px;}
  .location-modal.m-menu-modal .modal-content .m-menu-nav li ul{    padding-left: 30px;}
  .location-modal.m-menu-modal .modal-content .m-menu-nav li ul li{}
  .location-modal.m-menu-modal .modal-content .logout{position: absolute;bottom: -2%;width: 112%;left: -6%;list-style: none;}
  .location-modal.m-menu-modal .modal-content .logout a{background: #FA0101;width: 100%;padding: 20px 18px;float: left;text-align: left;color: #fff;text-transform: uppercase;font-weight: normal;letter-spacing: 1px;}
  .location-modal.m-menu-modal .modal-content .logout a img{margin-right:8px;}
  
  .mobile_footer{ display: none;}
  .m-menu{display: none;}
  .notifiction_pop h3{font-size: 20px;font-weight: 600;margin: 0px 0 15px;}
  .notifiction_pop .pop-container{max-width: 100%; overflow: auto;}
  .notifiction_pop .pop-container ul{      padding: 0;      width: 100%;      margin-bottom: 30px;  }
  .notifiction_pop .pop-container p{ font-size:14px;}
  .notifiction_pop .pop-container ul li{
      background: #fff;
      font-size:14px;
      width: 100%;
      list-style: none;
      border: 0;
      border: 16px;
      display: inline-block;
      border-radius: 0;
      margin-bottom: 0;
      padding: 16px 0;
      border-bottom: 1px #ddd solid;
  }
  .notifiction_pop .pop-container ul li img{
      float: left;
      margin-right: 20px;
      /* display: inline-block; */
      width: 56px;
  }
  .notifiction_pop .pop-container ul li h6{
      font-size: 16px;
      font-weight: 600;
      margin-top: 5px;
  }
  .notifiction_pop .pop-container ul li h6 .n_time{
      float: right;
  }
  .notifiction_pop .pop-container ul li h6 .status_noti{
      width: 10px;
      height: 10px;
      border-radius: 10px;
      display: inline-block;
      margin: 0 10px;
      float: right;
  }
  .notifiction_pop .pop-container ul li h6 .s_n_r{
      background: red;
  }
  .notifiction_pop .pop-container ul li h6 .s_n_g{
      background: #43B800;
  }
  .notifiction_pop .pop-container ul li span{
      font-size: 14px;
  }
  
  .catergories_listing{ padding-top:50px;}
  .catergories_listing .near-listing{margin: 1%;width: 47%;padding: 0;}
  .catergories_listing .near-listing h4{padding: 16px 16px 0px 0px;}
  .shop_cat_listing .near-listing .img-near{
    width: 30%;
    height: 154px;
    margin: 0 20px 0 0;
    }
    .catergories_listing .near-listing .rating{padding:0px;}
    .catergories_listing .near-listing .rating b{display: block; font-size: 12px; font-weight: normal; margin: 3px 0;}
    .catergories_listing .near-listing .status {
        float: unset; 
        display: block;
        width: 100%;
    }
    .catergories_listing .near-listing button{float: right;
        margin: -34px 16px;}
  .shop_cat_listing .near-listing .fav_near {
    position: absolute;height: 50px;
    top: 0;
    right: 0;
    bottom: 0;
    left: unset;
    padding: 10px;
    border-radius: calc(.25rem - 1px);
}

.offer_card{    box-shadow: 2px 7px 10px rgb(0 0 0 / 8%);border-radius: 20px; border: 0px;    margin-bottom: 20px;}
.offer_card p{ font-size: 14px;}

.cart_summary{}
.cart_summary .coupon{
    margin: 20px 0;
}
.cart_summary .coupon label{
    font-size: 16px;
    display: block;
}
.cart_summary .coupon input{
    border: 0px;
    font-size: 14px;
    color: #f41616;
    padding: 10px;
    width: 75%;
}
.cart_summary .coupon img{
    width: 20px;
}
.cart_summary .coupon a{
    margin: 0px 10px;
}
.cart_summary .coupon button{
}
.cart_summary .c_summary{}

.cart_summary .c_summary h5{ font-weight:600; font-size:14px;}
.cart_summary .c_summary h6{
    color: #3C8B00;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.cart_summary .c_summary h6 b{
    float: right;
}
.cart_summary .c_summary ul{
    padding: 0;
    list-style: none;
    font-size: 14px;
}
.cart_summary .c_summary li {
    font-size: 14px;
    line-height: 28px;
}
.cart_summary .c_summary li small{
    padding: 8px 10px;
    border: 1px #ddd solid;
    margin: 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
}
.cart_summary .c_summary li small a{}
.cart_summary .c_summary li small a img{
    width: 16px;
    margin-left: 5px;
}
.cart_summary .c_summary li b{
    float: right;
}
.cart_summary .c_summary li b.red{
    color: #f41616;
}

.cart_fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #3C8B00;
    margin: 0 -16px;
    padding: 16px;
}
.cart_fixed .cf_price{float: left;
    color: #fff;}
.cart_fixed .cfa{    margin: 7px 0;}
.cart_fixed .cf_btn{    float: right;}
.cart_form h6{
    margin: 20px 0 5px 0;
    font-weight: 600;
}
.cart_form p{
    font-size: 14px;
}
.cart_form .form-control{
    border-radius: 10px;
    height: 48px;
    font-size: 14px;
}
.cart_form form button{ width: 100%;}
.cart_ptp .form-check{
    background: #fff;
    border: 1px #ddd solid;
    border-radius: 15px;
    padding: 15px 35px;
    margin: 12px 0;
}
.cart_form textarea.form-control{height: 120px;}

.cart_ptp .form-check label{
    margin-left: 8px;
}
.c_alone_btn{
    padding: 0;
    background: #f41616;
}
.c_alone_btn.g_btn{
    padding: 0;
    background: #3C8B00;
}
.c_alone_btn .cf_btn{
    width: 100%;
}
.c_alone_btn .cf_btn a{
    width: 100%;
    background: transparent;
    color: #fff !important;
    border: 0;
    padding: 25px 0;
}
.p_heading h3{ font-size: 16px; font-weight: 600;margin-top: 20px; }
.p_heading h3 div{
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 6px;
    }

.cart_map{
    padding: 0px;
}
.cart_map iframe{
    height: 90vh;
}
.cart_map .cart_fixed{
    margin: 0 15px;
}
.cart_track{}
.cart_track .c_loop .c_tpr{
    max-width: 45%;
}
.cart_track .c_loop h5{
    color: #000;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0;
}
.cart_track .c_loop .est{}
.cart_track .c_loop .est small{
    font-size: 14px;
    font-weight: 600;
}
.cart_track .c_loop .c_vb .btn{
    color: #F41616;
    background: #fff;
} 
.order-track {
    margin-top: 0rem;
    padding: 0 1rem;
    padding-top: 2.5rem;
    display: flex;
    flex-direction: column;
}

.order-track-step {
    display: flex;
    height: 6rem;
}
.order-inactive .order-track-status-line, .order-inactive .order-track-status-dot{background: #777;}
.order-track-step:last-child {
    overflow: hidden;
    height: 4rem;
}

.order-track-step:last-child .order-track-status span:last-of-type {
    display: none;
}

.order-track-status {
    margin-right: 14px;
    position: relative;
}

.order-track-status-dot {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #F41616;
    position: relative;
}
.order-track-status-dot:after{content:'';display: block;border-radius:10px;background:#fff;width: 8px;height: 8px;position: absolute;top: 7px;left: 7px;}

.order-track-status-line {
    display: block;
    margin: 0 auto;
    width: 6px;
    height: 7rem;
    background: #F41616;
}

.order-track-text-stat {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
}
.order-track-text-stat.tr-g{color:#3c8b00;}
.order-track-text-sub {
    font-size: 13px;
    font-weight: 300;
}

.order-track {
    transition: all 0.3s height 0.3s;
    transform-origin: top center;
}

.pro img{width: 100%;}
.pro h4{font-size: 24px;color:#191919;line-height: 30px;margin-top: 30px;}
.pro p{color:#878787;font-size: 14px;text-align: justify;}

.download{
    background: #FA0101;
    padding: 30px 0;
    color: #FFFFFF;
}
.download img{
    width: 60%;
    margin: 0 20%;
}
.download h4{
    margin-top: 10%;
}
.download ul{
    margin: 0px;
    padding: 0;
}
.download ul li{
    list-style: none;
    padding: 14px 0;
    margin: 0;
    font-size: 14px;
    border-bottom: 1px #7070703d solid;
}
.download center{ margin-top:40px;}
.download h6{letter-spacing:2px;margin-bottom: 20px;}
.download center a{
    width: 46%;
    float: left;
    margin: 0px 2%;
}
.download center a img{
    width: 100%;
    margin: 0;
}
.social-button img{margin: 0;border-radius: 16px; width: 100% !important;}
.about_h img{ width: 70%; margin:0px 15%;}

.ml10{margin-left: 10px;}
  .sub-cat-listing{
      background: #fff;
      padding: 15px;
      display: inline-block;
      width: 47%;
      box-shadow: 2px 7px 10px rgb(0 0 0 / 8%);
      margin: 1%;
  }
  .sub-cat-listing .min-ser-img{
      float: left;
      margin-right: 15px;
  }
  .sub-cat-listing .min-ser-img img{
      width: 80px;
  }
  .sub-cat-listing h5{}
  .sub-cat-listing h5 a{color:#B736CB;font-weight: 600;font-size: 18px;}
  .sub-cat-listing span{
      width: 100%;
  }
  .sub-cat-listing span h6{
      /* width: 50%; */
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
      line-height: 24px;
  }
  .sub-cat-listing span h6 b{
      font-weight: normal;
      display: block;
  }
  .sub-cat-listing span h6:last-child{float:right;}
  .hwf {
    width: 100%;
  }
  .hwf h3{float: left;}
  .hwf .filter{float: right;}
  .hwf .filter .form-control{width: 120px;font-size: 13px;background:#fff;border:1px #ddd solid;margin: 0 5px;padding: 5px;display: inline-block;}
  
  
  .file-upload{display:block;text-align:center;}
  .file-upload .file-select{display:block;/* border: 2px solid #dce4ec; */cursor:pointer;text-align:left;/* background:#FFFFFF; */overflow:hidden;position:relative;width: 100%;}
  .file-upload .file-select .file-select-button{/* background:#dce4ec; */padding: 17px 30px;color: #fff;float: right;font-size: 16px;border: 0;font-weight: 600;}
  .file-upload .file-select .file-select-name{display:inline-block;padding:0 10px;padding: 17px 15px;height: auto;font-size: 16px;color: #272727;border-radius: 0;border: 1px #ddd solid;background: #fff;width: 85%;}
  .file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
  .file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
  .file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
  .file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
  .file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;width: 89%;top:0;left:0;opacity:0;filter:alpha(opacity=0);height: auto;}
  .file-upload .file-select.file-select-disabled{opacity:0.65;}
  .file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
  .file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
  .file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
  
  .dashboard_page{padding:60px 0;}
  .dashboard_page h5{padding: 60px 0 20px 0;}
  .exam-form{}
  .exam-form .heading{    text-align: left;}
  .qr_page .heading{  width: 100%; border-bottom: 1px #ddd solid;}
  .exam-form .heading h3{
      line-height: 36px;
  }
  .exam-form .heading h3 span{
      font-size: 16px;
      font-weight: normal;
      display: block;
  }
  .exam-form .form-heading {
      margin-top: 40px;
      margin-bottom: 30px;
  }
  .exam-form .form-heading h3 {
      font-weight: 700;
      font-size: 20px;
      margin-bottom: 0px;
      line-height: 30px;
  }
  .exam-form .form-heading h3 span{
      font-size: 16px;
      font-weight: normal;
      display: block;
  }
  .exam-form .form-control{
      padding: 17px 15px;
      height: auto;
      font-size: 16px;
      color: #272727;
      border-radius: 0;
      border: 1px #ddd solid;
  }
  .exam-form .file_attch{
      border: 1px #B736CB solid;
      width: auto;
      padding: 10px 50px 10px 10px;
      margin: 20px 0;
      position: relative;
      max-width: 240px;
  }
  .exam-form .file_attch h5{
      font-size: 14px;
      line-height: 25px;
      margin: 0px;
  }
  .exam-form .file_attch span{
      display: block;
  }
  .exam-form .file_attch img{
      float: right;
      position: absolute;
      right: 20px;
      top: 17px;
  }
  .bttm-big-button{
      text-align: center;
      position: fixed;
      bottom: 0px;
      z-index: 9;
      left: 0;
      right: 0;
      width: 100%;
  }
  .bttm-big-button a{
      background: linear-gradient(-63deg, rgba(0,128,255,1) 0%, rgba(4,221,255,1) 100%);
      width: 100%;
      display: inline-block;
      padding: 30px 0;
      color: #fff;
      font-weight: 600;
      box-shadow: 16px 7px 35px rgb(0 0 0 / 12%);
  }
  .qr_page{ text-align: center;}
  .qr_page h5{margin-top: 50px;     font-size: 24px;font-weight: 600;}
  .qr_page p{margin-bottom: 20px;}
  .qr_page img{margin-bottom: 30px;}
  
  .coupon_page{
      text-align: left;
  }
  .coupon_page .coupon_enter{
      margin: 20px 0;
  }
  .coupon_page .coupon_enter input{
      padding: 17px 15px;
      height: auto;
      font-size: 16px;
      color: #272727;
      border-radius: 0;
      border: 1px #ddd solid;
      width: calc(100% - 12%);
  } 
  .coupon_page .coupon_enter button{
      color: #fff;
      font-weight: 600;
      padding: 17px 15px;
      border: 0;
      width: 11%;
  } 
  .coupon_page .coupon_enter p{margin-top: 20px;font-size: 14px;} 
  .coupon_page .coupon_enter a{
      color: #E834CE;
      font-weight: 600;
  } 
  .coupon_page .price_list{}
  .coupon_page .price_list h6{
      line-height: 36px;
      font-size: 16px;
      margin: 0;
  }
  .coupon_page .price_list h6 span{
      float: right;
  }
  .coupon_page .price_list h6 span.red_p{
      color: #FF0000;
      font-weight: 600;
  }
  .coupon_page .price_list h6.green{
      color: #4DC61A;
      font-weight: 600;
      font-size: 18px;
  }
  .coupon_page .price_list h5{
      margin: 0 0 20px 0;
      font-size: 24px;
      color: #4DC61A;
  }
  .coupon_page .price_list h5 span{float:right;}
  .coupon_page .form-heading{border-bottom:1px #ddd solid;padding-bottom: 20px;}
  .payment_method{}
  .payment_method ul{
      margin: 0;
      width: 100%;
  }
  .payment_method ul li{
      list-style: none;
      width: 31%;
      padding: 0;
      margin: 1%;
      float: left;
  }
  .payment_method ul li a{
      color: #000;
      background: #fff;
      padding: 20px 10px;
      width: 100%;
      display: inline-block;
      text-align: center;
      font-weight: 600;
      box-shadow: 6px 7px 25px rgb(0 0 0 / 12%);
  }
  .payment_method ul li a:hover{
      background: linear-gradient(-63deg, rgba(255,51,207,1) 0%, rgba(81,59,198,1) 100%);
      color: #fff;
  }
  
   
  .coupon-modal .modal-body ul{
      padding: 0;
  }
  .coupon-modal .modal-body li {
      list-style: none;
      border: 1px #DBDBDB solid;
      padding: 10px;
      display: inline-block;
      width: 100%;
      position: relative;
      border-radius: 15px;
  }
  .coupon-modal .modal-body li .dis{
      background: #f41616;
      color: #fff;
      font-size: 18px;
      width: 60px;
      height: 60px;
      float: left;
      border-radius: 50%;
      font-weight: 600;
      text-align: center;
      padding: 14px 3px;
      line-height: 18px;
  }
  .coupon-modal .modal-body li .dis b{
      font-weight: normal;
      display: block;
      font-size: 12px;
  }
  .coupon-modal .modal-body li h4{
      line-height: 26px;
      margin-left: 16px;
      float: left;
      margin-bottom: 0;
      font-size: 16px;
      width: 70%;
  }
  .coupon-modal .modal-body li h4 span{
      display: block;
      font-size: 13px;
      font-weight: normal;
  }
  .coupon-modal .modal-body li h4 button{
      font-size: 14px;
      padding: 4px 18px;
      margin: 0;
      line-height: 26px;
      top: 21px;
      right: 14px;
      border-radius: 12px;
      color: #f41616;
      border: 1px #f41616 solid;
      background: transparent;
      float: right;
      position: absolute;
  }
  
  
  .download_groups{
      text-align: left;
      padding: 30px 0;
      border-bottom: 1px #ddd solid;
  }
  .download_groups .name_group{
      display: inline-block;
      width: 100%;
  }
  .download_groups .name_group h4{
      font-size: 20px;
      font-weight: 600;
      line-height: 30px;
      width: calc(100% - 20%);
      float: left;
  }
  .download_groups .name_group h4 b{
      font-size: 14px;
      margin-left: 10px;
  }
  .download_groups .name_group span{
      display: block;
      font-size: 14px;
      font-weight: normal;
  }
  .download_groups .name_group .dwn_btn{
      float: right;
      padding: 12px 25px;
      color: #fff;
      font-weight: 600;
      font-size: 14px;
  }
  .download_groups .name_group .dwn_btn img{   margin: 0 0 0 8px;}
  .download_groups .groups_list{}
  .download_groups .groups_list ul{  padding: 0 0 0 20px;   margin: 0;}
  .download_groups .groups_list li{  font-size: 14px;  margin: 0;  list-style: none;  display: inline-block; width: 100%;  line-height: 30px;}
  .download_groups .groups_list li h5{margin: 0;font-size: 16px;display: inline-block;  width: 100%;  line-height: 34px;}
  .download_groups .groups_list li h5 b{ font-weight: normal;  font-size: 13px;}
  .download_groups .groups_list li a{  float: right;}
  .download_groups .groups_list li a img{margin:0px;width: 30px;}
  
  .details_content .img_left{
    width: 46%;
    float: left;
  }
  .detail_dark{/* background-color: #FA0101; */color:#F5F5F5;}
  .detail_dark::after{content:'';background:#FA0101;width: 100%;height: 200px;position: absolute;top: 0px;float: left;z-index: -1;}
    .detail_dark.details-fixed{/* position: fixed; *//* width: 100%; *//* top: 72px; *//* z-index: 99; */}
    .detail_dark.details-fixed .carousel-item.active, 
    .detail_dark.details-fixed .rating_review, 
    .detail_dark.details-fixed .img_left .clearfix{ display: none; }
    .detail_dark.details-fixed .pt-5 {
        padding: 20px 0 !important;
    }
    .modal.fixed-left.fade {
        padding: 0px !important;
    }
    .cart_summary, .coupon-modal .modal-body {
        padding-bottom: 40px;
    }
    .cart_track {
        padding-bottom: 80px;
    }

    .detail_dark.details-fixed .img_left, .detail_dark.details-fixed .cont_right p{ width: 25%;display: none;}
    .detail_dark.details-fixed .cont_right{width: 100%; margin: 0;}
    .detail_dark.details-fixed .cont_right .name_heading{ width: 50%;     float: left;}
    .detail_dark.details-fixed .search_lsiting{ width: 50%;padding: 0px !important;}
    .detail_dark.details-fixed .cont_right p {
        color: #777;
        margin: 0;
        font-size: 14px;
    }

    .details_content .img_left img{
      width: 100%;
  } 
  .img_left .carousel .carousel-item .thumb{
    width: 20%;
    float: left;
    margin: 2%;
} 

/* .sidebar-fixed .list-group{position: fixed;    width: 100%;
    max-width: 270px;top: 172px; }

  
    .last-fixed{    position: fixed;
        width: 100%;
        max-width: 285px;
        top: 172px;
        right:230px;} */
.det_sticky .details_content {overflow: unset;}
.det_sticky .details_content .container.mt-4 .row_sticky{ display: inline-block;}
.det_sticky .details_content #sidebar, .det_sticky .details_content .last_cart{margin-bottom: 30px;display: inline-block;position: -webkit-sticky;position: sticky;top: 84px;float: left;background: #FFFFFF;width: 100%;border-radius: 16px;/* overflow: hidden; */} 
.det_sticky .details_content .middle_listing{
    /* display: inline-block; */
    /* max-width: 47%; */
    /* float: left; */
    background: #fff;min-height: 650px;
    padding: 12px;margin-bottom: 60px;
    margin-left: 0;
border-radius: 16px;} 
.det_sticky .details_content .middle_listing .post{
    width: 32.3%;
} 

.det_sticky .details_content .middle_listing .post.post_sm{ width: 100%;  border: 0;}
.det_sticky .details_content .middle_listing .post.post_sm img{width: 25%;/* float:left; */    border-radius: 12px;}
.posm_sm_right{float: right;width: 73%;}
.posm_sm_right .btn-padd{float: left; margin-right: 8px;    text-align: center;}
.market-btn{border: 1px #ccc solid;padding: 7px 10px;font-size: 14px;color: #313131;display: inline-block;position: relative;top: 0;height: 39px;border-radius: 10px;}
.market-btn span{width: 35px;height: 35px;display: inline-block;}
.market-btn img{width: 50px !important;max-width: 35px;max-height: 28px;margin-right: 5px;}
.posm_sm_right .share_post{float:right;width: 50%;}
.posm_sm_right .share_post ul li{    width: 20%;}
.posm_sm_right .share_post img{width: 30px !important;}

.det_sticky .details_content .last_cart{    display: inline-block;    max-width: 28%;} 

.p-40{padding: 40px !important;}
.pt-80{padding-top: 40px;}

/* .pt-5{padding: 50px 0 !important;} */
.price_details{}
.price_details .card-price{    float: left;}
.price_details .rating_btn{    float: right;} 
.price_details .rating_btn input{background:transparent; color:#fff;}

.rating_review{background-color:#F41616;border-radius: 15px;padding: 14px;display: inline-block;width: 100%;}
.rating_review .rating{   float: left;}
.rating_review .rating .star{    margin: 5px 15px;    display: block;}
.rating_review .rating img{    width: 20px;}
.rating_review .rating_btn{    float: right;}
.rating_review .rating_btn .btn{    color: #fff;    font-weight: 600;}
.details_content .cont_right{  float: left;    width: 100%;    margin-left: 0;  }
.details_content .cont_right .name_heading{      width: 100%;      display: inline-block;      /* margin-bottom: 20px; */      /* border-bottom: 1px #ddd solid; */      /* padding-bottom: 20px; */      margin-top: 10px;  }
.details_content .cont_right .name_heading h3{      color: #fff;      font-weight: 600;      font-size: 24px;      margin-bottom: 10px;      width: 100%;      float: left;  }
.details_content .cont_right .name_heading h3 img{margin-right:10px;}
.details_content .cont_right .name_heading .area{display: block;font-size: 15px;margin-top: 12px;font-weight: 400;}
.details_content .cont_right .rating{    /* float: right; */     /* text-align: right; */  }
  .details_content .cont_right .rating .star{      display: block;      margin-bottom: 8px;  }
  .details_content .cont_right .rating .star img{      width: 18px;      margin: 0 1px;  }
  .details_content .cont_right .status{} 
  .details_content .cont_right .status-g {background: #43B800;margin-right: 0;}
  .details_content .cont_right p {      color: #777;  }
  .details_content .breadcrumb{    background: transparent;    margin: 5px 0;    padding: 5px 0;}
  .details_content .breadcrumb h6{color: rgb(255 255 255 / 63%);}
  .details_content .breadcrumb h6 a{    margin-left: 10px;    color: #fff;}
  .details_content .search_lsiting{    /* display: inline-block; */    width: 100%;   float: right;    margin: 0;   padding: 0;} 
  .search_lsiting input{    border-radius: 5px;    padding: 13px 50px 13px 20px;    height: 35px;    border: 0; margin-top: 5px;  width: 100%;    font-size: 14px;    background: url(../img/icon/ic_search_b.svg) no-repeat 9px #fff;}
  .search_lsiting span{    border-top-left-radius: 0px;    border-top-right-radius: 5px;    border-bottom-right-radius: 5px; border-bottom-left-radius: 0px;   margin-top: 5px; margin-right: 0px;     /* border-radius: 0; */    cursor: pointer;}
    .search_lsiting span img{width:24px;}
  .raiting_content .modal-dialog{max-width: 1000px;}
  .raiting_content .box-padd {      box-shadow: 6px 7px 25px rgb(0 0 0 / 12%);      background: #fff;      padding: 50px;  }
  .raiting_content .rating_left {      text-align: center;      float: left;      width: 40%; }
  .raiting_content .rating_left h4{      color: #000;      font-weight: 600;      font-size: 22px;      margin-bottom: 30px;  }
  .raiting_content .rating_left h2 {      font-size: 72px;      font-weight: 700;      color: #69BC09;  }
.raiting_content .rating_left .star {      display: block;      margin-bottom: 20px;  }

#sidebar h6{    padding: 16px 20px;    background: #000;    text-align: center;    color: #fff;    margin: 0; border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 16px;}

#sidebar h6 span{font-size:12px;display:block;margin-top: 5px;}
  #sidebar .list-group-item{    background: transparent;    font-size: 13px;   color: #191919;   margin: 0;    padding: 8px 12px !important;    border: 0;    border-bottom: 1px #ccc solid; font-weight: 450; }
  #sidebar .list-group-item img{    width: 24px;    margin-right: 10px;}
  #sidebar .list-group-item:last-child{border:0;} 
  #sidebar .list-group-item .list-group-item{padding: 10px 0px !important; font-size: 12px;}
  #sidebar .list-group-item:hover, #sidebar .list-group-item[aria-expanded="true"]{font-weight:450; color:#F41616;}
  #sidebar .list-group-item[aria-expanded="true"]{    background: url(../img/icon/ic_top_red_arrow.svg) no-repeat 224px 8px;    background-size: 15px;    }
  #sidebar .list-group-item .d-md-inline{}
  #sidebar .list-group-item .d-md-inline:after{content:"";float: right;margin-top: 5px;background:url(../img/minus.png);background-size: 14px;width: 14px;height: 14px;}
  #sidebar .list-group-item.collapsed .d-md-inline:after{content:"";float: right;margin-top: 5px;background:url(../img/add.png);background-size: 14px;width: 14px;height: 14px;}
  #sidebar .list-group-item + .collapse.show{max-height: 220px; overflow: auto;    }
  #sidebar .list-group-item + .collapse.show .mybox{  border: 0;  font-size: 14px;    text-align: left !important;    padding: 8px 30px !important;} 
.details_ul li{ width: 50%; float:left;}
.c_loop{    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;    border: 0;    border-radius: 10px;    width: 100%;    display: inline-block;    margin-bottom: 8px;}
.c_loop .c_img{    width: 130px;    border-top-left-radius: 10px!important;    float: left;    border-bottom-left-radius: 10px!important;    /* display: inline-block; */}
.c_loop .c_img img{}
.c_loop .c_tpr{    float: left;    margin-left: 10px;    max-width: 35.666667%;}
.c_loop .c_tpr .c_star{    margin-bottom: 5px;}
.c_loop .c_tpr .c_star i{    color: #ffc107;}
.c_loop .c_tpr h6{width: auto;margin: 5px 0;}
.c_loop .card-price {    font-size: 20px;    color: #3C8B00;    font-weight: 600;}
.c_loop .card-price small{    color: #4B4B4B;    font-size: 14px;}
.c_loop .c_vb{    float: right;    width: auto;    text-align: center;    max-width: 130px;    margin: 12px;}
.c_loop .c_vb .btn{    border-radius: 10px;    font-size: 13px;    font-weight: 600;    padding: 7px 20px;}
.qtySelector {height:20px;position: relative;width: 80px;margin: 5px auto 15px auto;}
.qtySelector .fa-minus{
    background: url(../img/icon/ic_minus.svg);
    background-size: 20px;
    width: 20px;
    height: 20px;
    font-size: 0;
    position: absolute;
    top: 3px;
    left: 0;
    cursor: pointer;
}
.qtySelector .fa-plus{
    background: url(../img/icon/ic_add.svg);
    background-size: 20px;
    width: 20px;
    height: 20px;
    font-size: 0;
    position: absolute;
    top: 3px;
    right: 0;
    cursor: pointer;
}
.qtySelector .qtyValue{    border: 0;    width: 30px;    font-weight: 600;}

.cart_m {border-radius:15px;border:0px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;margin-bottom: 20px;}
.cart_m .card-body{    padding: 10px;}
.cart_m .card-title{    font-size: 18px;    margin: 10px 0;}
.cart_m .cart_title{}
.cart_m .cart_title h6{    font-size: 16px;    color: #F41616;}
.cart_m .cart_title p{    font-size: 13px;}
.cart_m .cart_loop{    margin: 0;}
.cart_m .cart_loop .cart_price{padding:0px;}
.cart_m .cart_loop .cart_price .qtySelector{margin-right:0px;}
.cart_m .cart_loop .card-title{    font-size: 14px;    font-weight: 600;    margin: 5px 0;}
.cart_m .cart_loop .card-title small{}
.last_cart .cart_btn {margin:10px 0;}
.last_cart .cart_btn a{width:100%;}

.col-btn-d{ width: 100%; margin-bottom: 20px;}
.col-btn-d button{ width: 100%;}
.col-btn-d button:hover{background: #3C8B00; color: #fff;}
.col-btn-d button img{ margin-right: 5px;}
.coupon_applied{}
.coupon_applied img{
    margin: 80px 0 20px 0;
}
.coupon_applied h6{}
.coupon_applied p{
    font-size: 14px;
}
.coupon_applied .btn{}

  .raiting_content .rating_left .star img{}
  .raiting_content .rating_left .t_rating{    color: #2E2E2E;    font-weight: 600;    font-size: 16px;}
  .raiting_content .rating_right {    width: 60%;    float: right;}
  .raiting_content .rating_progress {    width: 95%;    margin: 40px auto 0 auto;}
  .raiting_content .rating_progress ul {    padding: 0;}
  .raiting_content .rating_progress ul li{    list-style: none;    margin: 10px 0;}
  .raiting_content .rating_progress ul li b:first-child{    width: 50px;    display: inline-block;}
  .raiting_content .rating_progress ul li .count{    color: #FFA200;}
  .raiting_content .rating_progress ul li .r_count{   color: #FD4656;}
  .raiting_content .rating_progress ul li .g_count{    color: #4E6A1B;}
  .raiting_content .rating_progress ul li .bar{background: #E4E4E4;height: 8px;width: 50%;display: inline-block;position: relative;}
  .raiting_content .rating_progress ul li .bar i{position: absolute;height: 8px;left: 0;}
  .raiting_content .rating_progress ul li .bar .fill_100{}
  .raiting_content .rating_progress ul li .bar .fill_80{    width: 80%;    background: #FFA200;}
  .raiting_content .rating_progress ul li .bar .fill_60{    background: #46a0fd;    width: 60%;}
  .raiting_content .rating_progress ul li .bar .fill_40{    width: 40%;    background: #FD4656;}
  .raiting_content .rating_progress ul li .bar .fill_20{}
  .raiting_content .rating_progress ul li .bar .fill_red{    background: #FD4656;    width: 20%;}
  .raiting_content .rating_progress ul li .t_point{font-size: 13px;width: 110px;display: inline-block;padding-left: 20px;}
  .details_page .read_more_btn{    display: inline-block;    width: 100%;    margin: 50px 0 30px 0;    text-align: center;}
  .details_page .read_more_btn .btn-bg-p{   padding: 13px 20px;    color: #fff;    font-weight: 600;}
  .details_page .top-services .container{z-index: 1;}
  .rating-modal .close{   width: 50px;   height: 50px;   float: right;}
  .rating-modal .close span{    position: absolute;    top: 15px;    right: 15px;    transition: all 200ms;    font-size: 72px;font-weight: 400;text-decoration: none;text-align: center;    border-radius: 0;    cursor: pointer;    float: right;padding: 0;color: #333;    margin-top: 0;    margin-right: 0;    height: 40px;    width: 40px;    line-height: 45px;    z-index: 9999;}
  .rating-modal h3{    font-size: 24px;    font-weight: 600;    margin-bottom: 30px;  }
  .rating-modal .modal-body{   padding: 40px 40px 60px 40px;    text-align: center;}
  .rating-modal .star{    text-align: center;    display: block;    margin-bottom: 30px;}
  .rating-modal .star img{    width: 28px;    margin: 0 4px;}
  .rating-modal .btn-bg-p{    padding: 10px 25px;    border: 0px;    font-weight: 600;    color: #fff;}
  .notifiction_pop.proced_app{}
  .notifiction_pop.proced_app li{  background: #fff !important;   border: 0px !important;    padding: 4px 20px !important;}
  .notifiction_pop.proced_app li::before{content:'';background: #B736CB;height: 8px;width: 8px;float: left;border-radius: 15px;position: relative;top: 6px;left: -10px;}
  .notifiction_pop.proced_app .card-header button{ font-weight: 600;}
  .notifiction_pop.proced_app .card-body{font-size: 14px; line-height: 30px;}
  .notifiction_pop.proced_app .card-body input{ margin-right: 10px; }
  .details_page .bttm-big-button{  }
  .procedd-button{ text-align: center; position: absolute;  bottom: 0px;  z-index: 9;  left:-20%;  right: 0; width: 140%;}
  .procedd-button a{  background: linear-gradient(-63deg, rgba(0,128,255,1) 0%, rgba(4,221,255,1) 100%);  width: 100%;  display: inline-block;  padding: 30px 0;  color: #fff;  font-weight: 600;  box-shadow: 16px 7px 35px rgb(0 0 0 / 12%);}
  .notifiction_pop.proced_app .reg-page{ padding: 50px 0 0px 0;}
  .notifiction_pop.proced_app .pop-container{padding-bottom: 120px;    max-height: 550px; }
  
  .ing-modal .close{width: 50px;height: 50px;float: right;position: absolute;right: 0;z-index: 9999;}
  .ing-modal .close span{    position: absolute;    top: 15px;    right: 15px;    transition: all 200ms;    font-size: 72px;font-weight: 400;text-decoration: none;text-align: center;    border-radius: 0;    cursor: pointer;    float: right;padding: 0;color: #333;    margin-top: 0;    margin-right: 0;    height: 40px;    width: 40px;    line-height: 45px;    z-index: 9999;}
  .ing-modal h4{font-size: 20px;font-weight: 600;margin-bottom: 20px;}
  .ing-modal h5{font-size: 16px;font-weight: 600;margin-bottom: 10px;}
  .ing-modal label{font-size: 14px;margin-bottom: 5px;width: 100%;}
  .ing-modal label small{font-size: 14px;font-weight: 600;margin-bottom: 0px;float:right;}
  .ing-modal input{margin: 0 5px 0 0;}
  .ing-modal .modal-body{padding: 40px 40px 60px 40px;text-align: left;} 
  .ing-modal .btn-bg-p{padding: 10px 25px;border: 0px;font-weight: 600;color: #fff;border-radius: 10px;margin: 20px 0 0 0;float: right;}
  .ing-modal .btn-bg-p:hover{    background: #fff;    color: #F41616;    border: 1px #F41616 solid;}
  .exam_list{background: #fff;padding: 0;text-align: left;display: inline-block;width: 48%;margin: 0.9%;box-shadow: 6px 7px 25px rgb(0 0 0 / 12%);background-image: url(../../assets/img/pattern.png);background-repeat: no-repeat;background-position: right;border-radius: 12px;}
  
  .exam_list .exam_padd{padding:20px;display: inline-block;width: 88%;}
  .exam_list .exam_padd h6{    color: #4B4B4B;    font-size: 12px;}
.exam_list.expired{opacity:0.5;}
.packages{margin-top:20px;}
.packages .card{border-radius:12px;}
.packages .card-header.btn-bg-db{margin-top: 0;padding: 8px;border-radius: 10px !important;}
.packages .card-header.btn-bg-db .btn.collapsed .ic_btm{  display: inline-block;}
.packages .card-header.btn-bg-db img{margin-left: 10px;display: none;}
.packages .card-header.btn-bg-db .btn.collapsed .ic_top{display:none;}
.packages .card-header.btn-bg-db .btn .ic_top{display:inline-block;}
.packages .card-header.btn-bg-db:hover{background:transparent;}
.packages .collapse.show{padding: 12px;border-radius: 16px;}
.packages .card-header button[aria-expanded="true"] .ic_btm{ display: none !important;}
.packages .card-header button[aria-expanded="true"] .ic_top{ display: inline-block !important;}


  .exam_list .exam_padd h6 span{float:right;}
  .exam_list .exam_padd h4{}
  /*.exam_list:nth-child(even){
    margin-right: 0;
}*/
  .exam_list img{    float: left;    max-width: 80px;    margin: 0 20px 0 0;}
  .exam_list h4{font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: 2px;float: left;color: #FA0101;width: 100%;text-transform: uppercase;}
  .exam_list .btn-bg-p{   width: 100%;    text-align: center;    color: #fff;    display: inline-block;    padding: 10px;border-radius: 8px;}
.exam_list .btn-bg-p:hover{ background:#fff;color:#FA0101;}
  .exam_list h4 a{color:#272727;}
  .exam_list h4 span{    display: block;   font-size: 14px;    font-weight: normal;}
  .exam_list .status{font-size: 14px;color: #B7300B;width: 40%;text-align: left;display: block;padding-right: 20px;opacity: 0.6;}
  .exam_list .status{position:relative;float: left;font-size: 12px;}
  .exam_list .price{    float: right;    font-size: 24px;}
.exam_list .price b{    font-size: 12px;    font-weight: normal;}
  .exam_list .status b{/* position:absolute; */opacity: 1;text-align: left;display: block;}
  .exam_list .status-o{    background: #FFC400;}
  .exam_list .status-r{background:#FF0000;}
  .exam_list .status-g{background:#43B800;}
  .exam_list #accordion{   width: 100%;   display: inline-block;   border-top: 1px #ddd solid;   margin: 20px 0 0 0;}
  .exam_list .card{border:0px;}
  .exam_list .card-body{    padding: 30px 0 0;}
  .exam_list .col-left{    float: left;}
  .exam_list .col-left h5{}
  .exam_list .col-left p{} 
  .exam_list .col-right{    float: right;} 
  .exam_list .col-right p{} 
  .exam_list .col-right .timer{  float: left;    margin: 0 10px;    text-align: center;}
  .exam_list .col-right .timer input{    border: 1px #707070 solid;    width: 50px;    height: 40px;    text-align: center;    display: block;} 
  .exam_list .col-full{    padding: 20px 0;    border-top: 1px #ddd solid;    display: inline-block;    width: 100%;} 
  .exam_list .col-full ul {    padding: 0;}
  .exam_list .col-full ul li{    list-style: none;    width: 21%;    text-align: center;    float: left;    margin: 0 1%;}
  .exam_list .col-full ul li a{color:#fff;font-weight:600;padding: 20px 20px;display: inline-block;width: 100%;font-size: 14px;}
  .exam_list .col-full ul li img{  display: block;   float: none;    margin: 0px auto 12px auto;    width: 30px;}
  .exam_list .col-full .call_us {}
  .exam_list .col-full .chat_us  {}
  .exam_list .col-full .what_us {} 
  .exam_list .col-full .payment_button {   width: 29%;} 
  .exam_list .col-full .payment_button a{   font-size: 18px;    padding: 38px 20px;} 
  .exam_list .card-header{    text-align: center;    padding: 10px;} 
  .exam_list .card-header button{    font-size: 16px;    color: #fff;    font-weight: normal;}  
  .exam_list .card-header button:after{content:'';background: url(../img/icon/ic_bottom.svg) no-repeat;width: 25px;height: 15px;float: right;position: relative;top: 6px;left: 20px;}
  .exam_list .card-header button.collapsed:after{content:'';background: url(../img/icon/ic_top.svg) no-repeat;width: 25px;height: 15px;float: right;position: relative;top: 6px;left: 20px;}
  
  .exam_list .col-left h5{    margin: 0 0 10px 0;    font-size: 20px;} 
  .exam_list .col-left p{} 
  .exam_list .col-full .down_btn{    width: 100%;    display: inline-block;    text-align: center;    padding: 22px;    color: #fff;    font-weight: 600;} 
  
  .exam_list .col-full .down_btn img{  float: none;}
  .exam_list .col-full .rate_btn{    width: 100%;    display: inline-block;    text-align: center;    padding: 22px;    color: #fff;    font-weight: 600;} 
  .exam_list .col-full h4{    margin: 40px 0 20px 0;    width: 100%;    text-align: center;}  
  .exam_list .col-full .rating{   display: inline-block;    width: 100%;    text-align: center;    margin-bottom: 40px;} 
  .exam_list .col-full .rating img{    float: none;    margin: 0px 5px;}
  
  .dashboard_links{}
  .dashboard_links ul{    padding: 0;}
  .dashboard_links ul li{    list-style: none;    padding: 15px 0;    border-bottom: 1px #ddd solid;}
  .dashboard_links ul li a{color: #2C2F3E;font-weight: 600;line-height: 26px;width: 100%;display: inline-block;font-size: 16px;}
  .dashboard_links ul li a span{display:block;font-weight: normal;font-size: 14px;}
  .exam-form.dashboard_page .heading h3 span{    line-height: 28px;}
  .ord_c{margin: 10px 0;font-size: 16px;}
  .ord_c a{margin: 0 10px;padding: 8px;border-radius: 50%;    color: #fff;    font-size: 14px;}
  .exam-form.dashboard_page .form-heading { margin-top: 10px; }
  
  .exam_list.plans { width: 100%;    margin: 0 0 10px 0;}
  .exam_list.plans .exam_padd{    width: 100%;}
  .exam_list.plans.b_ptrn{    background-image: url(../../assets/img/basic_ptrn.png);    background-repeat: no-repeat;    background-position: bottom right;    }
  .exam_list.plans.s_ptrn{background-image: url(../../assets/img/standard_ptrn.png);    background-repeat: no-repeat;    background-position: bottom right;}
  .exam_list.plans.p_ptrn{background-image: url(../../assets/img/premium_ptrn.png);    background-repeat: no-repeat;    background-position: bottom right;}
  .exam_list.plans h6{    font-size: 24px;    font-weight: bold;}
  .exam_list.plans.b_ptrn h6{ color: #DBDBDB;}
  .exam_list.plans.s_ptrn h6{ color: #818181;}
  .exam_list.plans.p_ptrn h6{ color:#F74C4C;}
  .exam_list.plans span{    float: left;}
  .exam_list.plans span + ul p{margin: 0;}
  .exam_list.plans span a{    font-size: 12px;    font-weight: normal;    padding: 6px 16px;    position: relative;    top: -4px;}
  .exam_list.plans ul{    padding: 0;    list-style: none;    font-size: 12px;    width: 100%;    display: inline-block;    margin-top: 12px;    margin-bottom: 0;}
  .exam_list.plans ul li{    line-height: 22px;}

  .chatting_page{padding-bottom: 0px;}
  .chatting_page .heading{border-bottom:1px #ddd solid;width: 100%;}
  .chat_user_list{      width: 46%;      margin-right: 4%;      float: left;      max-height: 580px;      overflow: auto;  }
  .chat_user_list ul{      padding: 0;      /* max-height: 450px; */  }
  .chat_user_list ul li {    cursor: pointer;    line-height: 20px;    padding: 0px;    width: 100%;    border-right: 0px;    list-style: none;    position: relative;  }
  .chat_user_list ul li a:hover{background:#fff;}
  .chat_user_list ul li .letter_p{      background: #02aaff;      float: left;      border-radius: 50%;      height: 50px;      width: 50px;      padding: 10px;      font-weight: 600;      font-size: 22px;      color: #fff;      text-align: center;      line-height: 32px;      margin-right: 15px;  }
  .chat_user_list ul li a {    padding: 13px 10px;    width: 100%;    float: left;    clear: both;    color: #202020;  }
  .chat_user_list ul li a .name {    font-size: 18px;    margin: 0px;    width: 75%;    float: left;    text-align: left;    font-weight: 600;  }
  .chat_user_list ul li a .sub-msg {    font-size: 14px;    margin: 5px 0;   float: left;    width: 75%;    text-align: left;  }
  .chat_user_list ul li a .min {    font-size: 13px;    margin: 5px 0;    float: right;    width: auto;    text-align: right;  }
  
  .chatting_full{ width: 100%; position: relative;}
  .chatting_area{      margin-top: 20px;      width: 102.7%;      float: right;      position: relative;      /* background: #fff; */      /* box-shadow: 6px 7px 25px rgb(0 0 0 / 12%); */      height: 70vh;      z-index: 9;}
  .chatting_area .chatting{      background: #fff;      box-shadow: 6px 7px 25px rgb(0 0 0 / 12%);      position: fixed;      bottom: 0;      /* left: 0; */      /* right: 0; */      }
  .chatting_area h3{background: #fff;padding: 20px 20px;font-size: 18px;color: #2C2F3E;margin: 0;border-bottom: 1px #ddd solid;}
  .chatting_area h3 a{color: #000;float: right;cursor: pointer;}
  .chatting_area .message-info {   width: 100%;    padding: 15px;    float: left;    min-height: 440px;    max-height: 440px;    overflow: auto;    overflow-x: hidden;    background: #F5F5F5;    }
  .chatting_area .message-info .full {  width: 94%;  margin: 10px 0;  float: left;}
  .chatting_area .message-info .full.snd_row {  width: 100%;  margin: 5px 0;  float: right;}
  .chatting_area .message-info .full img {  border-radius: 50px;  width: 30px;  margin-right: 8px; float: left;  margin-top: 0px;}
  .chatting_area .message-info .full .text {
    position: relative;
    line-height: 20px;
    color: #63697B;
    font-weight: normal;
    font-size: 13px;
    background-color: #fff;
    padding: 10px 15px;
    white-space: pre-line;
    word-wrap: break-word;
    text-align: left;
    max-width: 75%;
    box-sizing: border-box;
    float: left;
    display: inline-block;
    border-top-left-radius: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    font-weight: 600;
    }
  .chatting_area .message-info .full h5 {  color: #66696a;  font-size: 12px;  display: inline-block;  width: 90%;  margin-bottom: 0px;  float: left;  margin-left: 38px;  margin-top: 8px;}
  .chatting_area .message-info .full.snd_row .text {
    position: relative;
    background-color: #dfdfdf;
    padding: 10px 15px;
    white-space: pre-line;
    word-wrap: break-word;
    text-align: left;
    max-width: 75%;
    box-sizing: border-box;
    float: right;
    display: inline-block;
    border-top-left-radius: 25px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    }
  .chatting_area .message-info .full.snd_row img {  float: right;  margin-right: 0px;  margin-left: 8px;}
  .chatting_area .message-info .full.snd_row h5 {  display: inline-block;  width: 91%;  margin-bottom: 0px;  text-align: right;  float: right;    margin-right: 38px;}
  .chat_type{    width: 100%;    display: inline-block;    background: #fff;    /* box-shadow: -3px -15px 0px 4px rgb(0 0 0 / 57%); *//* z-index: 999; */    position: relative;}
  .chat_type .attchment_ic{    position: absolute;    left: 0;    border: 0;    width: 36px;    height: 48px;    background: url(../img/icon/ic_chat_first.svg) no-repeat;    background-size: 24px;    padding: 5px;    background-position: 7px;}
  .chat_type .emoji_ic{   position: absolute;   left: 35px;   border: 0;   width: 36px;height: 48px;   background: url(../img/icon/ic_emoji_sec.svg) no-repeat;background-size: 24px;   padding: 5px;   background-position: 7px;}
  .chat_type input{width: calc(100% - 160px);border: 0;padding: 12px;margin-left: 75px;font-size: 14px;}
  .chat_type .ic_send{    position: absolute;    right: 20px;    border: 0; width: 36px;   height: 48px;   background: url(../img/icon/ic_send.svg) no-repeat; background-size: 24px;   padding: 5px;   background-position: 7px;}
  
  .method{    padding: 60px 0;    text-align: center;}
  .method h1{}
  .method p{    font-size: 18px;    color: #101010;    width: 80%;    margin: 0px auto 30px auto;}
.about{    padding: 60px 0;    background: #fff;}
.about h2{color:#000000;}
.about h2 span{color:#CCCCCC;font-size: 130px;font-weight: 800;display: block;}
.about p, .about ul li{ font-size:14px;}
.grey_bg{background: #F5F5F5;}
.red_bg{background: #FA0101;}

.contact{}
.contact ul{    margin-top: 30px;    padding: 0;    list-style: none;}
.contact li{    margin-bottom: 20px;}
.contact li img{    width: 20px;    display: block;    margin-bottom: 15px;}
.contact li span{    font-size: 14px;    margin: 5px 0;    display: block;}
.contact .share_post{    text-align: right;}
.contact iframe{border-radius:20px;}
.contact .share_post ul{    margin: 0;}
.contact .share_post ul li{ width:12%;}
.contact-form{}
.contact-form h2{}
.contact-form #contact-form{    margin-top: 40px;}
.contact-form .md-form{    margin-bottom: 20px;}

.contact-form .md-form .form-control{    background: transparent;    border: 0;    border-bottom: 2px #000 solid;    border-radius: 0px;}
.contact-form .md-form .form-control:focus{ outline:none; box-shadow:none;}
.toggle{display: none;}
.none_m{ display: none;}
.pr_field{width: 70%; float: left;}
.post-method{ margin-bottom: 40px;}
.post-method .col-xl-3{ padding: 0px 6px;}

.post-details .modal-dialog{ width: 96%;    max-width: 100%;}
.post-details .modal-body{padding: 5px;}
.post-details .modal-body img{margin: 0;}
.post-details .close{ position: absolute; right: 10px; z-index: 99; background: #fff; height: 30px; width: 30px; top: 9px;}

.dp_mobile{ display: none;} 


@media only screen and (min-width: 1920px) { 
    .det_sticky .details_content{ min-height:1050px;}
  }

  @media (max-width: 1024px) {   
    .m-menu {display: block;width: 30px;height: 30px;float: left;position: absolute;top: 14px;margin-left: 15px !important;}
  .m-menu img{position: relative;top: 0;}
  #header .logo {   margin-left: 55px;}
  #header .logo a {   margin-left: 10px;}
  #header .logo img {  max-height: 42px;}
  .nav-menu > ul > li{display: none;}
  .m-w50 {  width: 50%;}
  .post{ width: 49%;}
  .heading h3{ font-size: 24px;}
  .met-listing{height: 260px;    width: 50%;}
  .min-ser h5{ font-size: 15px;}
  .det_sticky .details_content .middle_listing .post {  width: 49%;}
  #subscribe .full_btn {    width: 100%;    display: inline-block;    position: relative;    top: 20px;}
  #subscribe .get-btn, #subscribe .trns-btn{    top: 0px;}
  .reg-page{ padding: 40px 20px 40px 20px;}
  .method p{font-size: 14px;width: 100%;}
  .method h1{ font-size: 24px;}
  }

@media (max-width: 767px) {   
   .m-w50{ width: 50%;}
    .login_logo { margin: 60px; text-align: center;    }
    .login { margin-top: 0em; max-width: 720px; }
    .login_bg { background: #fff; background-size: cover; }
    .login h3{font-size: 28px;color: #f41616 !important; margin-bottom: 20px;}
    .login .form-control{ background: #F5F5F5; border: 0;border-radius: 10px;}
    .login .text-white, .login .text-light {color: #000!important;    }
    #otpmodal .my-dialog{right: 0;}
    .fg_link { color: #f00; }
    .login .col-4.m-0{padding: 0 6px;}
    .social-sign .btn-bg-gm{border: 1px #ddd solid;}
    .social-sign .btn-bg-fb{margin-bottom: 10px;}
    .mobile_footer{padding: 12px 0;display: block;z-index: 999;background: #fff;bottom: 0;position: fixed;width: 100%;box-shadow: 0 0 20px #00000052;}
    .mobile_footer ul{ margin: 0;   width: 100%;  padding: 0; }
    .mobile_footer li{width: 25%;float: left;text-align: center;list-style: none;font-size: 11px;position: relative;}
    .mobile_footer li img{display: block;margin-bottom: 5px;margin: 0px auto 5px auto;width: 22px;height: 22px;  }
    .mobile_footer li a{color: #0A1818;}
    .mobile_footer li a.active{color:#FA0101;font-weight: 600;}
    .mobile_footer li a.active:after{content:'';position: absolute;bottom: -6px;width: 4px;height: 4px;background: #FA0101;border-radius: 10px;left: 50%;}

    .m-menu {display: block;width: 30px;height: 30px;float: left;position: absolute;top: 14px;margin-left: 15px !important;}
  .m-menu img{position: relative;top: 0;}
  .heading{padding: 0 0 10px;}
    #header { padding: 6px 0;  }
    #header .logo a{margin-left: 10px;}
    #header .logo{margin-left: 55px;}
    #header .logo img { max-height: 42px;  }
    .h-profile ul li:last-child{ display: none;}
    .h-profile ul li{ padding: 0 5px;}
    .banner-slide .carousel-caption h3 { font-size: 14px;}
    .banner-slide .carousel-caption p, .banner-slide .carousel-caption button { display: none;}
    .reg-page h5{ width: 70%;}
    .no-padd{padding: 0 15px;}
    .col-xl-12.no-padd, .det_sticky .details_content { padding: 0; }

    .fauji-carousel .owl-item{padding: 0 5px;}
    section{padding: 20px 0;}
    .clients{ padding: 10px 0;}
    .clients .owl-item{padding: 0 5px; }
    .clients .client-img {        width: 100%;        text-align: center;        float: left;        margin-bottom: 10px;        height: 138px;    }
    
    .clients-carousel .owl-dots{margin:0px auto;text-align: center;    display: none;}
    .clients-carousel .owl-dot{ opacity: 0.6;width: 9px;height: 9px;margin: 0 5px;border-radius: 15px;}
    .clients-carousel .owl-dot.active{ opacity: 1; width:18px;}
    #header .col-xl-10.d-flex.align-items-center { padding: 0 10px;}
      .min-ser{width:96%;padding:0px;min-height: 90px;}
      .min-ser .min-ser-img img {    max-height: 40px;  }
      .min-ser .min-ser-img {/* margin: 12px 0 10px 0; */height: 90px;padding: 20px 0;text-align: center;width: 90px;}
     .top-services .content h3, .heading h3{ font-size: 16px; }
      .min-ser h5{font-size: 14px;line-height: 18px;height: 80px;width: 200px;}
      .near-listing{padding: 0 0 10px 0; margin-right: 10px;} 

.near-listing .img-near {/* width: 95px; */height: 138px;margin-bottom: 0;margin-right: 10px;}
.near-listing .rating, .near-listing .status { padding: 0; }
.near-listing h4{font-size: 14px;padding: 0 10px;}
.near-listing h5{font-size: 12px;padding: 0 10px;}
.near-listing .rating img {    width: 15px;     margin: 0 1px;}
.nearby .owl-item {  padding: 0 8px 0px 0;}
.nearby.city .owl-item{padding:0 8px 0 0;}
.btn-padd { padding: 8px 13px;   font-size: 14px;}
  .nearby, .exam {  padding-bottom: 20px;  padding-top: 20px;}
  .sc-links {  float: left;  text-align: left;  margin: 20px 0 0 0;}
  .sc-links ul {  padding: 0;}
  .sc-links ul li {  margin-left: 0;margin-right: 20px;}
  .detail_dark.details-fixed { }
  .detail_dark .container .row{margin:0; padding: 30px 0 0 0 !important;}
  .cart_summary .coupon input{width: 62%;}
  .cart_fixed .cfa small {  font-size: 12px;}
.coupon-modal .modal-body li h4{   margin-left: 12px; font-size: 14px;  width: 55%;}
    .coupon-modal .modal-body li h4 span {  font-size: 13px; line-height: 19px; }
.cart_form .row.mt-4 button.btn-padd.btn-bg-p{margin-bottom: 16px;}
 .middle_listing .d-md-inline{ display: inline-block;}
 .c_loop .c_img{width: 90px;}
 .c_loop .c_vb .btn{    padding: 7px 14px; font-size: 12px;}
 .last_cart .cart_btn a {    width: 100%;    position: fixed;    bottom: 0;    text-align: center;    left: 0;    border-radius: 0;    padding: 16px;    font-size: 18px;z-index: 999;}
 .c_loop .c_tpr h6{ font-size: 13px;}
  .location-modal .modal.left .modal-body button{top: 15px; width: 100%; position: relative;    right: 0px;}
  .h-location h4{margin:0px; font-size: 11px;}
  #header.header-scrolled{    padding: 8px 0 12px 0;    background: #fff;}
  #footer .footer-top { padding: 30px 0;}
  .footer-top h6{margin-top: 30px;}
  .details_content .cont_right .name_heading{ width: 100%;}
  .details_content .search_lsiting{ width: 100%;} 
  .nav-menu > ul > li{ display: none;}
  .nav-menu > ul > li.h-search{ display: block;}
  .h-profile ul{padding: 0;}
  #search{height: 100vh;position: fixed;z-index: 99; overflow: hidden;top: -8px;padding: 70px 0;}
  #search .container{padding: 30px;height: 100vh;}
  #search .form-control{    width: calc(100%);}
  #search .btn-bg-p{  width: 100%; margin-top: 20px;}
  .ml10 {margin-left: 0px;}
  .sub-cat-listing .min-ser-img img {width: 60px;margin-top: 13px; }
  .sub-cat-listing h5 a{ font-size: 16px;}
  .sub-cat-listing{ width: 100%;padding: 10px 15px;}
  .sub-cat-listing span h6{ font-size: 12px;}
  .catergories_listing {padding-top: 30px;}
  .catergories_listing .near-listing{ width: 100%;}
  .hwf .filter .form-control{width: 30%;    margin: 10px 1%;padding: 5px;}
  
  #search .close_search{top: 70%; right: 0;left: 45%;}
  .exam-form .form-control{font-size: 14px;padding: 12px 15px;}
  .file-upload .file-select .file-select-name{font-size: 13px;padding: 12px 10px;    width: 67%;}
  .file-upload .file-select .file-select-button{font-size: 13px;    padding: 12px 15px;}
  .exam-form .file_attch img{width: 22px;}
  .bttm-big-button{left: 3%;  right: 0;  width: 94%;  margin-bottom: 3%; position: relative;}
  .bttm-big-button a{padding: 20px 0;}
  .qr_page img { margin-bottom: 30px; max-width: 220px;}
  .qr_page h5{margin-bottom: 30px;font-size: 20px;}
  
  .coupon_page .coupon_enter input{    padding: 12px 15px; font-size: 14px;    width: calc(100% - 25%);}
  .coupon_page .coupon_enter button{    width: 23%;font-size: 14px;    padding: 12px 15px;}
  .coupon-modal .modal.left .modal-content, .coupon-modal .modal.right .modal-content{    padding: 16px;}
  
  .coupon-modal .modal.left .modal-body li .dis{font-size: 14px;  width: 70px;padding: 9px 3px;height: auto; border-radius: 0;}
  .coupon-modal .modal.left .modal-body li .dis b { display: inline-block;  font-size: 12px;}
  .coupon-modal .modal.left .modal-body li h4{    font-size: 16px;    margin-left: 0;  margin-top: 15px;}
  .coupon-modal .modal.left .modal-body li h4 button{top: 10px; right: 10px;}
  .coupon_page .price_list h6 { line-height: 32px;  font-size: 14px;}
  .det_sticky .details_content .middle_listing .post { width: 100%;  margin-bottom: 3%;}
  .det_sticky .details_content .middle_listing .post.post_sm img{ width: 100%;    margin-bottom: 20px;  }
  .det_sticky .details_content .middle_listing .post.post_sm{padding: 0px;}
  .posm_sm_right {float: right;  width: 100%;}

  .posm_sm_right .btn-padd{padding: 10px 20px;    margin: 0px 2% 0 0;    width: 49%;    text-align: center;}
  .market-btn{padding: 10px 20px;  width: 49%;    text-align: center;    height: 43px; }


  .payment_method ul { padding: 0;}
  .payment_method ul li{ width: 48%;}
  .payment_method ul li a{    padding: 15px 20px; font-size: 14px;  line-height: 26px;}
  .exam-form .form-heading h3{    font-size: 16px;}
  .exam-form .form-heading h3 span{ font-size: 14px;}
  
  .download_groups .name_group h4{    font-size: 18px;width: calc(100% - 0%);}
  .download_groups .name_group .dwn_btn{width: 100%;    text-align: center;}
  .download_groups .groups_list ul{padding: 0;}
  
  .details_content .img_left{ width: 100%;}
  .details_content .cont_right {  width: 100%;  margin-left: 0;  margin-top: 0px;}
  .raiting_content .box-padd{    padding: 50px 30px;}
  .raiting_content .rating_left, .raiting_content .rating_right, .raiting_content .rating_progress{ width: 100%;}
  .raiting_content .rating_progress ul li b:first-child{ width: 20px;}
  .raiting_content .rating_progress ul li b{ font-size: 13px;}
  .details_content .cont_right .name_heading h3{ font-size: 18px;}
  .contact .share_post { text-align: left;}
  .contact-form a.btn-padd.btn-bg-p {  width: 100%;}
  .contact-form .md-form .form-control{ font-size: 14px;}
  .contact-form h2 {  font-size: 20px;}

  .exam_list{width: 100%;margin: 0 0 20px 0;}
  .exam_list .exam_padd{ width: 100%;}
  

  .exam_list img{max-width: 60px;margin: 0 10px 0 0;}
  .exam_list h4{    width: calc(100% - 25%);line-height: 26px;font-size: 16px;}
  .exam_list .status{width: 100%;}
  .exam_list .status br{display: none;}
  .exam_list .status b{top: 5px;}
  .exam_list .col-left h5{    font-size: 16px;}
  .exam_list .col-left p {  font-size: 13px;}
  .exam_list .col-right {  float: right;  width: 80%;  text-align: center;  margin: 0px auto 30px 0;}
  .exam_list .col-full ul li{ width: 31%;}
  .exam_list .col-full ul li a{    padding: 20px 10px;font-size: 13px;}
  .exam_list .col-full .payment_button {  width: 97%;  margin-top: 2%;}
  .exam_list .col-full .payment_button a{padding: 18px 20px;}
  .exam_list h4 span, .exam_list .status{font-size: 13px;width: auto;}
  
  .exam-form .heading h3 span{font-size: 14px; line-height: 20px;}
  .qr_page p {  font-size: 14px;}
  
  .rating-modal h3{    font-size: 18px;}
  .near-listing .status span {  font-size: 13px;}
  .chat_user_list{ width: 100%;margin-right: 0%;  max-height: 580px;}
  .chat_user_list ul li a{padding: 6px 10px;}
  .chat_user_list ul li .letter_p{    margin-right: 10px;}
  .chat_user_list ul li a .name{    font-size: 15px; width: 63%;}
  .chat_user_list ul li a .sub-msg{    font-size: 13px;    width: 63%;}
  
  .chatting_area{    width: 100%; position: fixed;  top: -7%;  margin: 0;}
  .chatting_area .chatting{    width: 100%;bottom: 0; position: relative;  left: -4%;}
  .chatting_area .message-info{min-height: 59vh;  max-height: 59vh;}
  .chat_type input{    font-size: 14px;}

  .notifiction_pop .pop-container ul li h6{font-size: 13px;}
  .notifiction_pop .pop-container ul li span{ font-size: 12px;}
  .notifiction_pop .pop-container ul li{    padding: 12px;}
  .notifiction_pop .pop-container ul li img{margin-right: 10px;}
  .cart_map iframe {  height: 84vh; }
  .cart_fixed{    z-index: 9999;}
  .order-track{    padding-top: 1.5rem;}
  .order-track-step {  height: 4.9rem;}
.c_alone_btn .cf_btn a{ font-size: 18px;}
.cart_track .c_loop .c_vb{ display: none;}
.catergories_listing .near-listing button{padding: 7px 12px; font-size: 13px;}
.shop_cat_listing .near-listing .img-near{margin: 0 10px 0 0;    height: 145px;}
.shop-ser{ width: 48%;}
.shop-ser .shop-ser-img img { width: 100%;  height: 195px;}
.shop-ser a:after{width: 170px; height: 200px;}
.shop-ser h5{    font-size: 14px;  font-weight: 600;bottom: -210px;    width: 160px;}
    .detail_dark.details-fixed .cont_right {  width: 100%; }

    #sidebar .list-group {     text-align: left !important; }
    #sidebar .list-group-item{padding: 0 10px;}
    #sidebar {margin-bottom: 20px;   overflow: auto;  }
    .det_sticky .details_content #sidebar, .det_sticky .details_content .last_cart{display: none; position: fixed;z-index: 999; top: 0; height: 100vh; text-align: left;}
    #sidebar .list-group-item + .collapse.show, #sidebar .list-group-item + .collapse.show{   }

    .details_content .cont_right .rating .star {  display: block !important;  }
    .last_cart.det_ser{position: fixed; bottom: 0px; width: 100%; left: 0;padding: 0;    z-index: 9;}
    .last_cart.det_ser .cart_m{margin-bottom: 0;    border-radius: 0;}
    .last_cart.det_ser .cart_m .card-title, .last_cart.det_ser .cart_m hr{display: none;}
    .col-btn-d { width: 32%; float: left; margin: 0 0.5%; }
    .cart_m .card-body { padding: 10px 5px;  }
    .col-btn-d button {  width: 100%; padding: 8px 8px;    }  
    .col-btn-d button img { margin-right: 4px;  width: 14px;} 

    .det_sticky .details_content .last_cart {display: inline-block;max-width: 100%;    }
    .det_sticky .details_content .middle_listing {    display: inline-block;  max-width: 100%;   float: left; padding:20px !important; margin-bottom: 0;}
    .post-details h5{ font-size: 24px;}
    .cart_m{padding: 0 15px;}
    .det_sticky .details_content .last_cart {display: inline-block; position: relative;position: relative; top: 0;  float: left;    }
    .det_sticky .details_content .sidebar-fixed{position: sticky; top: 67px !important; float: left; background: #fff; padding: 9px 0 !important; z-index: 99;}
    .offers-carousel .owl-dots.disabled, .offers-carousel .owl-nav.disabled { display: none !important; }
    .near-listing .fav_near a{margin-top: -15px;  margin-right: -10px; float: right;}
    .detail_dark.details-fixed .img_left, .detail_dark.details-fixed .cont_right p { width: 100%; display: block; }
    .detail_dark.details-fixed .cont_right .name_heading{ width: 100%;}
    .detail_dark.details-fixed .search_lsiting { width: 100%; }
    .detail_dark.details-fixed .carousel-item.active, .detail_dark.details-fixed .rating_review, .detail_dark.details-fixed .img_left .clearfix{ display: block;}
    .detail_dark.details-fixed .rating_review{     display: inline-block; padding: 6px; margin: 10px 0 0 0;}

    .reg-page{ width: 100%;padding: 70px 20px 40px 20px ;}
    .reg-page .container{padding:0;}
    .profile_pop .profile h5{ font-size: 12px; width: 75%;}
    .post-details .post_sm img {width: 100%;margin-right: 0;    }
    .post-details .post_sm_content {width: 100%;}
    .share_post ul{margin: 0px; width: 100%;}
    .share_post ul li{ width: 18%;}
    .share_post ul li a span{ font-size: 9px;}
    .about h2 {font-size: 24px; }
    .post p{font-size: 13px;}
    
    .cat-listing{text-align: center; padding: 20px 10px; display: inline-block; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%;}
    .cat-listing h4{ font-size: 14px; width: 100%; text-align: center;}
    .cat-listing .img-near{margin-left: 12px; width: 100%; text-align: center; margin: 0px auto; float: none;}
    .cat-listing .img-near img { width: 30px; max-height: 30px; margin: 0px auto; margin-bottom: 10px;    }

    .met-listing h4{ font-size: 12px;}
    .toggle {display: block; position: fixed; bottom: 30px; right: 30px; background: #f92805; z-index: 9999; width: 48px; height: 48px; color: #fff; font-size: 24px; padding: 11px 11px; border-radius: 90px; box-shadow: 0 0 20px #f92805;    }
    .details_content .breadcrumb { background: transparent; margin: 10px 0; padding: 10px 0; position: relative; top: 0px; font-size: 12px; width: 100%; }
    .details_content .breadcrumb h6{ font-size: 14px;}
    .details_content .breadcrumb .fa.arrow{margin: 0;}
    
    .m_scrolls{    display: flex;   overflow: auto;}
    .m_scrolls .row { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; }
    .post:nth-child(1), .post:nth-child(2), .post:nth-child(3), .post, .post:last-child { width: 100%;}
    .post.subscribe { display: none;    }
    .m_scrolls .post{ width: 320px;    margin-right: 12px; margin-bottom: 0px; background: #292929;}
    .m_scrolls .post h5 a{color:#fff;}
    .m_scrolls .post, .post .p_time{color: #979797;}

    .m_scrolls.grey_bg{ }
    .m_scrolls.grey_bg .post{width: 320px;margin-right: 12px;margin-bottom: 0px;background: #fff;border: 1px #f5f5f5 solid;}
    .m_scrolls.grey_bg .post h5 a{color: #191919;}
    .m_scrolls.grey_bg .post p{color: #979797;}
    .m_scrolls.grey_bg .post .p_time{color: #979797;}

    #sidebar h6{ border-radius: 0px;}
    .top-services { padding: 0;  border-top: 16px #f5f5f5 solid;  border-bottom: 16px #f5f5f5 solid; }
    .met-listing { width: 50%; padding-right: 2%;    height: auto;}
    .met-listing .img-near img { width: 100%; height: 100px; }
    .nearby.exam .post {    width: 96%;      margin: 0px auto 10px auto;    }
    .copyrights{ padding: 50px 0px 30px 20px;}
    .copyrights p { margin: 30px 0 0 0; text-align: left; }
    .download img{width: 100% !important; margin: 0;}
    .banner-slide #demo{margin: 0 10px;}

    .dp_mobile{ display: block;padding: 0 15px;background: transparent; box-shadow: none;    height: auto;}
    .dp_mobile.reg-page .container {        position: relative;        overflow-y: auto;        max-height: unset;    }
    .dp_mobile.reg-page .close_pop{display: none;}
    .dp_mobile.reg-page  .profile h5 { font-size: 12px; width: 75%; padding: 0px 0 0px 0;    }
    .profile_pop .profile{ margin-bottom: 30px;}
    .profile_pop .profile_content{margin-bottom: 30px;}
    .dashboard_page h5, .dashboard_page h3{ padding-top: 30px;}

    .full_btn {width: 86%; display: block; float: left; text-align: center;    margin: 0 7%;}
    .full_btn a { top: 0px !important;   margin-top: 30px !important;text-align: center;}
    .market-btn img{margin-bottom: 0px !important;}
    .posm_sm_right .share_post {  width: 100%;     margin: 30px 0 10px 0;    }
    .notifiction_pop .pop-container ul li + .row.text-center{margin: 0;}
    #subscribe .full_btn{    margin: 0;top: 0px;}
    .table td, .table th{ font-size: 14px;}
    
}