body {    background-color: #f3f3f3 !important;  }
  .company-info-tkzn {/* margin: 30px 20px 30px 20px; */ background-color: #fff;}
  .logo-img-tkzn { width: 78px; height: 78px; border-radius: 406px !important;}
  .logo-title-tkzn {margin: 0 10px 0 10px;color: #000 !important;font-weight: 16px;}
  .payable-amount-tkzn {margin-top: 40px;padding-left: 10px;}
  .amt-label {font-size: 16px;color: #99999a;}
  .amt-label.en {direction: ltr;}
  .amt-label.ar {direction: rtl;}
  .saved-card-img-tkzn {position: relative;top: 4px;width: auto;height: 49px;margin: -2px 0 0 4px;}
  .saved-card-label-tkzn {font-size: 9px;color: #98999a;font-weight: 500;position: relative; top: 7px; margin: 0px -4px;}
  .container-tkzn {  background-color: #fff !important; border-radius: 20px !important; }
  .container-tkzn.en{border-left: 10px solid;}
  .container-tkzn.ar{border-right: 10px solid;}
  .pay-options-tkn{margin-bottom: 20px;background-color: #FFFFFF;box-shadow: 0px 3px 10px #3030301A;border: 1px solid #E4E4E4;border-radius: 20px !important;}
  .payable-amount-tkzn .amount{font-size:36px;font-weight: bold;}
  .saved-card-section{margin:25px 0 0 0 !important;}
  .saved-card-logo{border: 1px solid #E4E4E4;border-radius:5px !important;}
  .saved-card-logo.en{margin-right:10px !important;}
  .saved-card-logo.ar{margin-left:10px !important;}
  .other-payment-section{margin:25px 0 0 0 !important;}
  .payment-list-title{font-size: 16px;color: #99999A;text-transform: uppercase;font-weight: bold;}
  .payment-list-title.en{text-align: left;margin: 0 0 15px 20px;}
  .payment-list-title.ar{text-align: right;margin: 0 20px 15px 0;direction: rtl;}
  .text-success{color:#4CAF50 !important}
   #frmPayment{margin: 50px 0 0 0;padding-bottom: 30px;border-radius: 10px;}
   .first-div-row{padding-left: 10px;}
   /* #frmPayment{max-width: 500px;margin: 0 auto;padding-bottom: 30px;background: #fff;border-radius: 10px;box-shadow: 0px 3px 10px #3030301A;} */
   .knet-pay,.pay-by-gpay,.pay-by-card,.pay-by-samsung,.pay-by-apple{
       background-color:#fff;margin:0 auto;max-width:400px;text-align:left;border:1px solid #E4E4E4;margin-bottom:5px;
       border-radius:10px !important;max-width:calc(100% - 40px);text-align:left;  min-height:65px;position:relative;}
  .pay-by-saved-card,.kfast-pay{
          background-color:#fff;margin:0 auto;margin-top:0 !important;max-width:400px;text-align:left;border:1px solid #E4E4E4;
          max-width:calc(100% - 40px);text-align:left;  min-height:65px;position:relative;}
   .loader-div,.transparent-loader{display:none;}
   #transparent-lottie{height: 400px;position: absolute;top: -150px !important;left: 50px;}
   .amount-text-payment{font-size:26px;}
      .payment-buttons-div.en .payment-label{padding-top:10px;font-size:20px;position:absolute;right:30px;font-weight:600;font-weight: bold !important;}
      .payment-buttons-div.en .payment-img-div{position:absolute;left:15px;}
      .payment-buttons-div.ar .payment-img-div{position:absolute;right:15px;}
      .img-padd{padding: 8px 0 10px 0;}
      .bot-bor{border-bottom: 1px solid #E4E4E4 !important;}
      .top-bor-rad{border-radius: 10px 10px 0 0 !important;}
      .bot-bor-rad{border-radius: 0 0 10px 10px !important;}
      .payment-buttons-div.en .payment-img-div img{width:55px;}
      .payment-buttons-div.en .payment-img-div .amount-text-payment{padding-right:15px;}
      .payment-buttons-div.ar .payment-label{padding-top:10px;font-size:20px;position:absolute;left:30px;font-weight: bold !important;}
      .payment-buttons-div.ar .payment-img-div img{width:55px}
      .payment-buttons-div.ar .payment-img-div .amount-text-payment{padding-left:15px;}
      .card-details { font-size: 13px;color: #99999A;font-weight: 500; position: relative;top: 7px;margin: 0px -4px;}
      a.btn.btn-block.btn-default.pay-by-saved-card:last-child {border-radius: 0 0 10px 10px !important;}
      .terms-conditions.en{padding-left:40% !important;text-align: center !important;}
      .terms-conditions.ar{padding-right:40% !important;text-align: center !important;}
      .all-right-reserved.en{text-align: left !important;}
      .all-right-reserved.ar{text-align: right !important;}
      .dropdown {
        position: relative;
        display: inline-block;
      }
      .dropdown.en{margin: 16px 0 30px 0;float: right;}
      .dropdown.ar{margin: 16px 0 30px 0;float: left;}
      .dropdown span {
        border: 1px solid #E4E4E4;
        border-radius: 5px !important;
        padding: 15px;
        text-transform: uppercase;
      }
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        border: 1px solid #E4E4E4;
        border-radius: 10px;
        z-index: 1;
        padding: 5px 20px 5px 20px;
        text-transform: uppercase;
      }
      .dropdown-content.en {padding: 5px 20px 5px 20px;}
      .dropdown-content.ar {padding: 10px 15px 10px 15px;}
      .dropdown:hover .dropdown-content {
        display: block;
      }
      @media(max-width:540px){
        .container-tkzn {  background-color: transparent !important; border: none !important;}
        .company-info-tkzn{margin: 30px 15px 0 15px;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 10px #3030301a;border: 1px solid #E4E4E4;border-radius: 10px !important}
        .first-div-row { text-align: center;margin: 20px 0;padding: 0;}
        .logo-title-tkzn {margin: 5px 10px 0 10px;color: #000 !important;font-weight: 16px;display: block;}   
        .payable-amount-tkzn { margin-top: 20px; text-align: center;padding: 0;}
        .payment-list-title.en, .payment-list-title.ar{margin: 0 0 15px 0px !important;}
        .pay-options-tkn {margin-bottom: 20px;border: none !important;background-color: transparent;box-shadow:none;}
        .saved-card-section {
            background-color: #FFFFFF;
            box-shadow: 0px 3px 10px #3030301a;
            border: 1px solid #E4E4E4;
            border-radius: 10px !important;
            padding: 20px;
        }
        .other-payment-section {
            margin: 25px 0 0 0 !important;
            background-color: #FFFFFF;
            box-shadow: 0px 3px 10px #3030301a;
            border: 1px solid #E4E4E4;
            border-radius: 10px !important;
            padding: 20px;
        }
        .payment-buttons-div.en .payment-img-div{position:absolute;left: 15px;width: 10px !important;}
        .payment-buttons-div.ar .payment-img-div{position:absolute;right: 15px;width: 10px !important;}
        .saved-card-logo.en{margin-right: 5px !important;}
        .saved-card-logo.ar{margin-left:5px !important;}
        .dropdown.en {
            margin: 30px 30px 0 50%;
            float: right;
            z-index: 1;
        }
        .dropdown.ar{
            margin: 30px 50% 0 30px;
            float: left;
            z-index: 1;
        }
        .dropdown span {padding: 10px;}
        .dropdown-content.en {padding: 5px 10px 5px 10px;}
        .dropdown-content.ar {padding: 5px 15px 5px 15px;}

        #transparent-lottie{left:30px;}
          .transparent-loader{width:440px;}
          #frmPayment{width:100%;}
          .knet-pay,.pay-by-gpay,.pay-by-card,.pay-by-samsung,.pay-by-apple{background-color:#fff;margin:0 auto;width:100%;border:1px solid #E4E4E4;
              margin-bottom:5px;border-radius:10px !important;max-width:100%;text-align:left;  min-height:65px;position:relative;}
          .pay-by-saved-card,.kfast-pay{background-color:#fff;margin:0 auto;margin-top:0 !important;width:100%;border:1px solid #E4E4E4;max-width:100%;
              text-align:left;  min-height:65px;position:relative;padding-top: 12px;
          }
          .payment-buttons-div{margin:0;}
          .payment-buttons-div.en .payment-label{font-size:14px;font-weight:bold;padding-top:14px;right: 18px;}
          .payment-buttons-div.ar .payment-label{font-size:14px;font-weight: bold;padding-top:14px;left:18px;}
          .payment-buttons-div.en .payment-label.plb{right: 25px;}
          .payment-buttons-div.ar .payment-label.plb{left: 25px;}
          /* .first-div-row{margin-top:0px !important;margin-bottom:0px !important;} */
          .merchant-logo{width:90px !important;}
          /*.all-right-reserved{margin-top:15px !important;}*/
          .terms-conditions.en,.terms-conditions.ar{padding:0 !important;bottom:unset !important;}
          .all-right-reserved.en,.all-right-reserved.ar{margin-top:20px !important;margin-bottom: 10px;text-align: center !important;}
          /*body{overflow-y:hidden}*/
          .footer-logo-comodo{display:none;}
          .card-icon{ width:95px !important;top: 8px !important; }
          .card-details { font-size: 11px;color: #99999A;font-weight: 500; position: relative;top: 7px;}
      }
      @media(max-width:340px){
        .payment-buttons-div.en .payment-img-div{width: 50px;}
        .payment-buttons-div.ar .payment-img-div{width: 50px;}
        .saved-card-logo.en{margin-right: 5px !important;margin-top: 8px !important;}
        .saved-card-logo.ar{margin-left:5px !important;margin-top: 8px !important;}
        .card-details { font-size: 9px;color: #99999A;font-weight: 500; position: relative;top: 12px;}
        .payment-buttons-div.en .payment-label{font-size:12px;font-weight:bold;padding-top:15px;right: 18px;}
        .payment-buttons-div.ar .payment-label{font-size:12px;font-weight: bold;padding-top:15px;left:18px;}

    }
      @media(max-width:470px){
          .transparent-loader{width:410px;}
          .payment-buttons-div .payment-img-div.mada-icons img { width: 32px;position: relative;top: 3px; }
      }
      @media(max-width:460px){
          .transparent-loader{width:390px;}
      }
      @media(max-width:430px){
          .transparent-loader{width:370px;}
      }
      @media(max-width:401px){
          .transparent-loader{width:350px;}
      }
      @media(max-width:390px){	
          .transparent-loader{width:320px;}	
          #transparent-lottie{left:0px;}
      }
      @media(max-width:370px){
          .transparent-loader{width:320px;}
          #transparent-lottie{left:-10px;}
      }
      @media(max-width:340px){
          .transparent-loader{width:310px;}
          #transparent-lottie{left:-55px;}
      }
      @media(max-width:330px){
          .transparent-loader{width:310px;}
          #transparent-lottie{left:-30px;}
      }