/* Write your custom CSS here */

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20%;
}
.icon-up:before {
    content: "\25B2";
}

.icon-down:before {
    content: "\25BC";
}

.text-justify{
    text-align: justify;
}

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

/* body {
    font-family: "Open Sans", sans-serif;
  } */
.nav-color {
  background-color: #084669;
}
.nav-bg {
    background-image: linear-gradient(
      to right,
      #1e4040,
      #163c40,
      #0d3841,
      #073441,
      #043041,
      #032f43,
      #042e45,
      #062d46,
      #05304b,
      #05324f,
      #043554,
      #033859
    );
  }

.horizontal-line {
    height: 2px;
  }
  
  .horizontal-line-1 {
    height: 1px;
  }
  
  .vertical-line-1 {
    width: 1px;
  }
  
  .box-shadow-btn {
    -webkit-box-shadow: 0 8px 6px -6px #000000;
    -moz-box-shadow: 0 8px 6px -6px #000000;
    box-shadow: 0 8px 6px -6px #000000;
  }
  
  .vertical-line-2 {
    width: 2px;
    height: 100px;
    background-color: #ffffff !important;
    opacity: 0.8;
  }
  
  .light-gray-bg-1 {
    background-color: #ededed;
  }
  
  .blue-gradient-bg-2 {
    background-image: linear-gradient(
      to right,
      #123d3c,
      #10403f,
      #0f4442,
      #0d4744,
      #0a4b47
    );
  }
  
  .p-check-input {
    padding: 0.6rem !important;
  }
  
  .fs-10px {
    font-size: 10px;
  }
  
  .fs-11px {
    font-size: 11px;
  }
  
  .fs-12px {
    font-size: 12px;
  }
  
  .fs-13px {
    font-size: 13px;
  }
  
  .fs-14px {
    font-size: 14px;
  }
  
  .fs-15px {
    font-size: 15px;
  }
  
  .fs-16px {
    font-size: 16px;
  }
  
  .fs-20px {
    font-size: 20px;
  }
  
  .fs-21px {
    font-size: 21px;
  }
  
  .fs-22px {
    font-size: 22px;
  }
  
  .fs-23px {
    font-size: 23px;
  }
  
  .fs-24px {
    font-size: 24px;
  }
  
  .fs-25px {
    font-size: 25px;
  }
  
  .w-60 {
    width: 60%;
  }
  
  .bg-facebook-blue {
    background-color: #3e5c9a !important;
  }
  
  .orange-gradient-bg-1 {
    background-image: linear-gradient(
      to right,
      #f28907,
      #ed840a,
      #e97f0c,
      #e47a0e,
      #df750f,
      #db7111,
      #d76c12,
      #d36813,
      #ce6314,
      #c95e15,
      #c45a16,
      #bf5517
    );
  }
  
  .orange-gradient-bg-2 {
    background-image: linear-gradient(
      to right,
      #d27f1b,
      #cf7916,
      #cc7311,
      #c86d0c,
      #c56706,
      #c06404,
      #bc6102,
      #b75e00,
      #b05d00,
      #a95d01,
      #a35c02,
      #9c5b03
    );
  }
  
  .blue-gradient-bg-1 {
    background-image: linear-gradient(
      to right,
      #54bfac,
      #4db5a7,
      #46aca1,
      #40a29b,
      #3b9995,
      #379290,
      #338b8b,
      #308486,
      #2d7e81,
      #29777d,
      #277178,
      #246b73
    );
  }

  .red-gradient-bg-1{
    background-image: linear-gradient(to right, #e90a0a, #c0020f, #99000f, #72010b, #4e0202);
  }
  
  .bg-icons {
    background: url("../images/bg-icons.png") no-repeat center center/cover;
  }
  
  .letter-spacing-1 {
    letter-spacing: 1px;
  }

  .letter-spacing-3 {
    letter-spacing: 3px;
  }
  
  .letter-spacing-5 {
    letter-spacing: 5px;
  }
  
  .border-radius-1 {
    border-radius: 10px !important;
  }
  
  .table {
    --bs-table-striped-bg: #d2d8d6;
  }
  
  .bg-light-green-gray {
    background: #d2d8d6;
  }
  
  .border-1-white {
    border: 1px solid #ffffff;
  }
  
  .border-1-white-transparent {
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
  
  .border-1-green {
    border: 1px solid #005a5f;
  }
  
  .border-2-green {
    border: 2px solid #005a5f;
  }
  
  .box-shadow-2 {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
      rgba(0, 0, 0, 0.22) 0px 10px 10px;
  }
  
  .box-shadow-1 {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
  
  .box-shadow-3 {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }
  
  .box-shadow-4 {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  
  .fw-300 {
    font-weight: 300;
  }
  
  .fw-400 {
    font-weight: 400;
  }
  
  .fw-500 {
    font-weight: 500;
  }
  
  .fw-600 {
    font-weight: 600;
  }
  
  .fw-700 {
    font-weight: 700;
  }
  
  .fw-800 {
    font-weight: 800;
  }
  
  .height-50 {
    height: 50px;
  }
  
  .height-150 {
    height: 150px;
  }
  
  .width-250 {
    width: 250px;
  }
  
  .bg-green-2 {
    background: #005a5f !important;
  }
  
  .text-align-justify{
    text-align: justify;
  }
  
  .text-light-green {
    color: #16d3c1 !important;
  }
  
  .text-light-green-2 {
    color: #00a79d !important;
  }
  
  .text-green {
    color: #224949 !important;
  }
  
  .text-green-2 {
    color: #005a5f !important;
  }
  
  .text-green-3 {
    color: #00a79d !important;
  }
  
  .text-orange-1 {
    color: #bf5e00 !important;
  }
  
  .text-orange-2 {
    color: #f7941d !important;
  }
  
  .text-orange-3 {
    color: #d68107 !important;
  }

  .text-white{
      color: #ffffff !important;
  }

  .text-uppercase{
      text-transform: uppercase !important;
  }
  
  .top-30 {
    top: 30% !important;
  }

  .padding-10{
      padding: 10px !important;
  }

  .padding-y-20{
    padding: 20px 0 !important;
}

  .padding-t-0{
    padding-top: 0 !important;
}

  .padding-t-20{
    padding-top: 20px !important;
}

  .padding-20{
      padding: 20px !important;
  }

  .d-inline{
    display: inline;
  }

  .d-flex{
    display: flex;
  }

  .d-none{
    display: none;
  }

  .justify-content-between{
    justify-content: space-between;
  }

  .mx-5{
    margin: 0 50px !important;
  }
  
  .btn-sm-custom{
    padding: 10px 30px;
    color: #ffffff;
    border-radius: 2px;
    text-transform: uppercase;
  }

  .btn-sm-custom:hover{
    opacity: .9;
  }

  html {
    scroll-behavior: smooth;
  }

  .product-card .product-card-delete-btn{
    visibility: hidden;
  }

  .product-card:hover .product-card-delete-btn{
    visibility: visible;
  }