.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;
  }

    .card{
            max-width: 320px;
            padding-top: 20px;
            padding-bottom: 20px;
      }
      .card-body{
        padding: 0 1rem 0 1rem;
      }
    .card-image-wrapper {
      display: flex;
      width: 100%;
      height: 62px;
      /* Just to show the size of the image wrapper */
    }
    
    .card-img-top {
      display: block;
      width: auto;
      max-height: 100%;
      margin: auto;
    }

    .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: none;
     
    }
    .nav-fill .nav-item, .nav-fill>.nav-link{
      flex: unset !important;
    }

    .nav-pills > .nav-item > .nav-link
    {
      
      width: 69px;
      height: 67px;
      /* UI Properties */
      background: #cdc29d 0% 0% no-repeat padding-box;
      border-radius: 15px;
     
    }
    .nav-pills > .nav-item 
    {
       /* margin-left: 8px;  
       margin-right: 8px;  */
    }
    .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: #F1F1F1 0% 0% no-repeat padding-box;
      border-radius: 15px;
      opacity: 1;
      width: 100%;
    }
    .ab7{
      width: 96px;
      height: 93px;
      /* UI Properties */
      border: 1px solid #AE9030;
      border-radius: 15px;
      margin-top: 6.2px;
    }
    .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;
    }
    
    .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;
    }
  

    .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;
}
.product_card{
cursor: pointer;
}
      @media (max-width: 767px) {
        .slide-img{
          height: 199px ;
        }
           .mobily-font{
            font-size: 18px;
           }
           .stc-font{
            font-size: 18px;
             }
             .zain-font{
              font-size: 18px;
             }
             .lebara-font{
              font-size: 18px;
             }

             .f-add-to-cart
              {
                  font-size: 12px;
              }

      }