.row::-webkit-scrollbar {
  display: none;
}
a{
    text-decoration: none;
  }

  .popover{
    background: none!important;
    border: none !important;
  }
  /* Popover Header */
  .popover-header {
    background-color: #000000;
    color: #FFFFFF; 
    display:none;
   
    
  }
  /* Popover Body */
  .popover-body {
    background-color: #000000;
    color: #FFFFFF;
    padding: 25px;
    border-radius: 0.5rem;
  }


    .btn-primary{
       border-radius: 50px;
       background-color: #1a73e8;
       border-color: #1a73e8;
       /* 1a73e8 */
    }
      /* Hide scrollbar for Chrome, Safari and Opera */
    .nav-pills::-webkit-scrollbar {
          display: none;
      }
      .nav-pills{
          /* touch-action: pan-y; */
          overflow:auto;
          white-space: nowrap;
          flex-wrap: nowrap;
          -ms-overflow-style: none;  /* IE and Edge */
          scrollbar-width: none;  /* Firefox */
      }

    

    .nav-pills > .nav-item > .active
    {
      background: #ae9030d1 !important;

    }

    .nav-fill .nav-item, .nav-fill>.nav-link{
      flex: unset !important;
    }

    .nav-pills > .nav-item > .nav-link
    {
      
      height: 37px;
      /* UI Properties */
      background: #cdc29d 0% 0% no-repeat padding-box;
      border-radius: 15px;
      font: normal normal normal 14px/18px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      border-radius: 25px;
     
    }
    .bookpackage
    {
      height: 37px;
      width: 80px;
      /* UI Properties */
      background: #ae9030d1;
      border-radius: 15px;
      font: normal normal normal 14px/18px Cairo;
      letter-spacing: 0px;
      color: white;
      border-radius: 25px;
     
    }
    .nav-pills > .nav-item 
    {
      /* height: 30px; */
    }
    .btn-request-offer{
      font-size: 18px;
       border-radius: 50px;
       padding: 12px 40px;
       background-color: #1a72e6;
       border-color: #1a72e6;
       color: rgb(0, 0, 0);
       -webkit-box-shadow: -100px 0 0 #fff inset;
       
   }

    .tab-active { 
      background: #AE9030 0% 0% no-repeat padding-box !important;
    }


    .stc-font{
       font-size: 24px;
       font-weight: bold;
       color: #5c2191 !important;
    }
    .mobily-font{     
      font-size: 24px;
      font-weight: bold;
      color: #127abf !important;
      
    }
    .zain-font{
      font-size: 24px;
      font-weight: bold;
      color: #9ecf5d !important;
    }
    .lebara-font{
      font-size: 24px;
      font-weight: bold;
      color: #0a9cf7!important;
    }
    .f-add-to-cart
    {
         font-size: 14px;
    }
    .ab1{
      font: normal normal bold 16px / 21px Cairo;
    letter-spacing: 0px;
    color: #1F1F1F;
    }
    .ab2{
      text-align: center;
      font: normal normal normal 10px/14px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
    }
    .hello{
      font: normal normal bold 13px/18px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
      text-align: center;
    }
    .ab4{
      width: 70px;
      height: 21px;
      /* UI Properties */
      border: 1px solid #AE9030;
      border-radius: 10px;
      opacity: 1;
      font-size: 15px;
      line-height: 1.2;
    }
    .ab5{
      height: 106px;
      /* UI Properties */
      background: #ffffff 0% 0% no-repeat padding-box;
      border-radius: 15px;
      opacity: 1;
      
    }
    .ab9{
      /* height: 80px; */
      /* UI Properties */
      background: #F1F1F1 0% 0% no-repeat padding-box;
      border-radius: 15px;
      opacity: 1;
    }
    .ag1{
      background: #ffffff 0% 0% no-repeat padding-box;
      border-radius: 15px;
    }
    .ao1{
      background: #e9e9e9 0% 0% no-repeat padding-box;
      border-radius: 15px;
    }
    .ab7{
      width: 96px;
      height: 93px;
      /* UI Properties */
      border: 1px solid #AE9030;
      border-radius: 15px;
      margin-top: 6.2px;
    }
    .af1{
        width: 65px;
       height: 63px;
       border-radius: 15px;
       background: #cdc29d;
       margin-top: 8px;
    }
    .disabled-btn{
      width: 339px;height: 45px;margin-top:5px;border: 1px solid #707070;border-radius:25px;background:white;color: #B6B6B6;
    }
    .booknowpackage{
      width: 339px;height: 50px;margin-top:5px;border: 1px solid #AE9030;border-radius:25px;background:white;color: #AE9030;
    }
    .ballon{
      position: absolute;margin-right:70px;margin-top:7px;width:13px;height:13px;border-radius:50%;background:#D81616;color:white;font-size:0.6rem
    }
    .leading-5 svg{
      width: 30px;
    }
    .mdian .flex .flex{
      margin-bottom: 13px;
    }
    .ab8{
      font: normal normal bold 15px/21px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
    }
    .af2{
      font: normal normal bold 12px/15px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
      /* height: 16px; */
      max-width: 80%;
      overflow: hidden;
    }
    .aj1{
      font: normal normal bold 12px/15px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
    }

    .ah2{
      font: normal normal bold 16px/19px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
      height: 16px;
      max-width: 80%;
      overflow: hidden;
      text-align: right;
    }
    .ah3{
      font: normal normal normal 14px/17px Cairo;
      letter-spacing: 0px;
      color: #B6B6B6;
      opacity: 1;
      height: 16px;
      overflow-y: hidden;
      text-align: right;
    }
    .ah4{
      font: normal normal normal 11px/14px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
    }

    .ah5{
      font: normal normal normal 14px/17px Cairo;
      letter-spacing: 0px;
      color: #2a2a2a;
      max-height: 64px;
      overflow-y: hidden;
      text-align: right;
    }

    .offcanvas-bottom {
      height: 86vh;
    }
    .bottom-book-now{
      position: fixed;bottom:0;height:60px;background:white;
      box-shadow: 0px -7px 15px #0000000D;
    }
    /* .booknowpackagenav{
      position: absolute;bottom:0;height:60px;background:white;
      box-shadow: 0px -7px 15px #0000000D;
    } */
    .af3{
      font: normal normal normal 11px/14px Cairo;
      letter-spacing: 0px;
      color: #B6B6B6;
      opacity: 1;
      height: 16px;
      overflow-y: hidden;
      text-align: right;
    }
    .af4{
      font: normal normal normal 9px/12px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
    }
    .salon{
      padding-top: 25px;
      /* border-bottom: none !important; */
      height:calc(100vh + 1000px);
    }
    .ag2{
      width: 80px;
      height: 80px;
      border-radius: 15px;
      margin-top: 2px;
    }
    .enabled{
      background-color: #AE9030 !important;
      color: white !important;
      border-color: #AE9030 !important;
    }
    .a18{
      font: normal normal  15px/21px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
      opacity: 1;
    }
    
    .ab-9{
        width: calc(100% - 110px);
    }
    .ab-10{
            height: 41px;
      /* UI Properties */
      background: #FFFFFF 0% 0% no-repeat padding-box;
      box-shadow: 0px 3px 10px #0000003D;
    }
    .ac1{
      width: 71px;
      height: 27px;
      /* UI Properties */
      background: #DEDEDE 0% 0% no-repeat padding-box;
      border-radius: 14px;
    }
    .ac2{
      text-align: center;
      font: normal normal normal 10px/14px Cairo;
      letter-spacing: 0px;
      color: #8A8A8A;
      padding-top: 6px;
    }
    .ac3{
      font: normal normal normal 10px/14px Cairo;
      letter-spacing: 0px;
      color: #1F1F1F;
    }

    .ac4{
      width: 178px;
      height: 50px;
      /* UI Properties */
      border: 1px solid #AE9030;
      border-radius: 30px;
      font: normal normal normal 20px/37px;
      color: #AE9030;
    }
    .ac5{
      font: normal normal normal 18px/26px Cairo;
      letter-spacing: 0px;
      color: #B6B6B6;
    }
  
    .ae1{
      background: white;border-radius:20px
    }
    .ae2{
      background:rgb(240 240 240 / 67%)
    }
    .ae3{
      color:#d1ac30;
      font-weight:bold;
      font-family:monospace
    }
    .ae4{
      width:100%;overflow:auto;flex-wrap: nowrap;-ms-overflow-style: none;scrollbar-width: none;
    }
    .ae5{
      position: absolute;right:5px;height:fit-content;width:fit-content;cursor: pointer;color:rgb(132, 132, 132)
    }
    
    .ae6{
      width: 42px;height:40px
    }
    .ae7{
       display: none;
    }
    .ae8{
      position: absolute;left:7px;height:fit-content;width:fit-content;cursor: pointer;color:rgb(132, 132, 132)
    }

    .ae9{
      border: solid 1px #AE9030;
      border-radius: 15px;
      font-size: 0.85rem;
      color: #AE9030;

    }

    .ae10{
      border: solid 1px #AE9030;
      border-radius: 15px;
      font-size: 0.85rem;
      color: #AE9030;

    }
    .enabled-btn{
      color: white !important;
      background-color: #AE9030;
    }

    .ae9:hover{
       color: white;
       background-color: #c7ac52;
    }
    .ae9-hover{
      color: white;
       background-color: #c7ac52;
    }

    .slide-img{
      height: 278px ;
    }
    .btn-up-q{
          background-color: #fff;
          color: black !important;
          padding: 0 0.2rem 0.2rem 0.2rem !important;


      }
      .btn-down-q{
          background-color: #333;
          color: white !important;
          padding: 0 0.2rem 0.2rem 0.2rem !important;
      }
.card-service{
  padding: 50px;
  margin: 20px 0;
  box-shadow: 0 4px 16px rgba(17, 17, 26, .05), 0 8px 32px rgba(17, 17, 26, .05);
  border-radius: 15px
}
.description-service p {
  margin: 50px 0 40px;
  font-size: 17px
 }
 .title-service {
  margin-bottom: 20px
}
.price{
  font-size: 1.2rem;
  color:green;
  font-weight:bold;
  font-family:initial;
}
.ac16{
  text-align: right;font: normal normal bold 17px/31px Cairo;letter-spacing: 0px;color: #1F1F1F;
}
.product_card{
cursor: pointer;
}
      @media (max-width: 967px) {
        .slide-img{
          height: 199px ;
        }
           
        .salon{
          margin-top:145px;
          border-top-left-radius:25px;border-top-right-radius:25px;
          padding-top: unset;
        }
        .bottom-book-now{
          bottom: 50px;
        }

        .nav-pills > .nav-item > .nav-link
        {
          font: normal normal normal 12px/16px Cairo;
        }

        .a18{
          font: normal normal  12px/18px Cairo;
        }
      }