body{
    font-family: Prompt;
}
.card-title{
  font-size: 16px;
}
.red{
  color: rgb(202, 42, 42);
}

.green{
  color: rgb(27, 172, 39);
}

.orange{
  color: #ff7f00;
}

.blue{
  color: #2647c8;
}

  /*********************************Navbar********************************/

  .content {
    width: 94%;
    margin: 4em auto;
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}

.logo {
    line-height: 60px;
    position: fixed;
    float: left;
    margin: 8px 46px;
    color: #2647c8;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 2px;
}

nav {
    position: fixed;
    width: 100%;
    line-height: 60px;
}

nav ul {
    line-height: 50px;
    list-style: none;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
    padding: 0;
    text-align: right;
    margin: 0;
    padding-right: 40px;
    transition: 1s;
}

nav.orange-menu ul {
    background: #ff7f00;
}

nav.orange-menu ul li a{
    color: white !important;
}

nav ul li {
    display: inline-block;
    padding: 16px 40px;;
}

nav ul li a {
    text-decoration: none !important;
    color: #2647c8;
    font-size: 18px;
    font-weight: bold;
}

.menu-icon {
    line-height: 60px;
    width: 100%;
    background: #ff7f00;
    text-align: right;
    box-sizing: border-box;
    padding: 15px 24px;
    display: none;
}

.nav-layer{
    z-index: 1000;
}

.logo-width{
    width: 100px;
}


  /********************************* Head *********************************/

.head-font{
  padding-top: 100px;
}

.body-padding{
  padding-top: 50px;
}

.head-bg-1{
    z-index: -2;
    top: -40px;
}

.head-bg-2{
    z-index: -3;
    right: 0px;
    top: -40px;
}

.head-bg-3{
    z-index: -1;
    top: -40px;
}

  /*********************************product detail*********************************/

  .body-margin{
    margin-top: 70px;
  }

  .insu-img-width{
    width: 120px;
  }

  .promotion-bg{
    background-color: rgb(143, 143, 143);
    width: 100%;
    height: 150px;
    color: white;
    font-size: 24px;
  }
  
  .price-sale-font{
    font-size: 17px;
    color: rgba(255, 255, 255, 0.801);
    font-weight: lighter;
    position: relative;
    top: -10px;
  }

  .width-20{
    width: 20%;
  }

  .width-60{
    width: 60%;
  }

  .card{
    border:none !important;
  }

  .price{
      background-color: #3c54a5;
      padding: 10px;
      font-size: 24px; 
      font-weight: bold; 
      color: white;
      border-radius: 50px;
  }

  .price-level-bg{
    background-color: #f57e20;
    border-radius: 50px;
  }

  .level-font{
    font-size: 24px; 
      font-weight: bold; 
      color: white;
      padding: 10px;
      position: relative;
      left: 20px;
  }

  .card-header{
    background-color: white;
  }

  .bg-table{
    background-color: #3c54a5 !important;
    color: white;
  }

  th{
    font-size: 14px;
  }

  td{
    font-size: 14px;
  }

  .table-edit{
    border-radius: 20px !important;
  }

  .btn-edit{
    color: #3c54a5 !important;
    text-decoration: none !important;
    font-size: 18px;
  }

  .hr-border{
    /* border: 0px solid white; */
    background-color: #000000;
    border: 2px solid #000000;
    margin-top: 40px;
    margin-bottom: 30px;
}

.one-font{
  color: #44444477;
  font-size: 14px;
}

.two-font{
  font-weight: lighter;
  font-size: 14px;
}

.check-col{
  color: #ff7f00;
}

.interest-btn{
  background-color: rgb(0, 182, 0);
  color: white;
  font-size: 20px;
  border-radius: 10px;
}

.interest-btn:hover{
  color: white;
}

.modal-bg{
  background-image: url('../img/inventory_img/inventory_img-02.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}

.car-dec-edit{
  width: 120px;
  position: relative;
  left: -50px;
  bottom: 5px;
}

.car-dec-edit2{
  width: 150px;
  position: relative;
  left: -50px;
  bottom: -20px;
}

.ct-font{
  color: white !important;
  text-decoration: none;
}

.deena-logo-img{
  width: 90px;
  margin-top: 20px;
}

.input-font{
  color: white;
  font-size: 18px;
}

.close-btn{
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #ffefda;
  border-radius: 50px;

}

     .contact-img-modal{
       width: 170px;
     }

     .line-img{
       width: 60px;
     }

     .phone-img{
       width: 60px;
     }

.pk-color{
  color: rgb(116, 116, 116);
}

.row-pair{
  margin-left:0px;
}

.pair-edit{
  background-color:#ff7f00;
  color:white;
  padding: 1px 20px 1px 20px;
  border-radius:20px;
  margin-right:5px;
}

/*********************************recommend product*********************************/

.card-sd{
  background-color: #ffefda;
  box-shadow:0 0 10px 0 rgba(156, 156, 156, 0.2), 0 0px 10px 0 rgba(165, 165, 165, 0.19);
}

  .trapezoid2{
    background-color: #2647c8;
    border-radius: 20px 0px 0px 20px;
    /* border-bottom: 35px solid #7197CF;
    border-left: 10px solid transparent;
    height: 0;
    width: 100%; */
    }

    .p-font{
      color: white;
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      line-height: 35px;
      width: 100px;
    }

    .price-position{
      position: absolute;
      right: 0px;
      bottom: 70px;
    }

      .card-edit{
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
        transition: transform .2s;
      }

      .card-edit:hover{
        transform: scale(1.1);
      }

      .card-img{
        width: 100px;
      }

      .card-font{
        font-size: 16px; 
        font-weight: bold;
      }

      .class-bg{
        background-color: #ff7f00;
        width: 150px;
        color: white;
        border-radius: 5px;
      }

     .card-bt-pad{
       padding-left: 15px;
       padding-right: 12px;
       font-size: 14px;
     }

     .a-edit{
       text-decoration: none !important;
     }
      
     h5{
       color: black;
     }

     .share-font{
       font-size: 24px;
       color: rgb(102, 102, 102);
     }

     .pro-w{
       width: 70%;
     }

     .pro-pd1{
       text-align: right !important; 
       padding-right: 5px !important;
     }

     .pro-pd2{
       text-align: left !important;
       padding-left: 5px !important;
     }
     

/*********************************footer*********************************/

.footer-bg{
  background-color: #2647c8;
}

.copyright-bg{
  background-color: #486dff;
  color: white;
}

.footer-icon{
  color: white;
}

.footer-font{
  font-size: 14px;
  color: white;
}

.footer-font:hover{
  color: white;
}

.kpp-img{
  width: 135px;
}

.payment-img{
  width: 210px;
}

.footer-logo{
  width: 150px;
    height: 45px;
}

.recommend-img{
  width: 100px;
}

/*================== btn call and chat ==================*/

.btn-fixed1{
  position: fixed;
  right: 180px;
  bottom: 10px;
}

.btn-fix-color{
  background-color: #ff7f00;
  color: white;
  border-radius: 20px;
}

.btn-fix-color:hover{
  color: white;
}

.btn-fixed2{
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer
}