:root {

      --primary: #000000;

      --secondary: #ff7929;

      --white: #ffffff;

    }



    body {

      font-family: 'DM Sans', sans-serif;

    }



    h1, h2, h3, h4, h5, h6 {

      font-family: 'Sora', sans-serif;

    }

    a{
      text-decoration: none;
    }



    .bg-primary {

      background-color: var(--primary);

    }



    .bg-orange {

      background-color: #ff7929;

    }



    .text-primary {

      color: var(--primary);

    }



    .text-orange {

      color: #ff7929;

    }



    .border-orange {

      border-color: #ff7929;

    }



    .hover-grow {

      transition: transform 0.3s ease;

    }



    .hover-grow:hover {

      transform: scale(1.03);

    }



    .gradient-bg {

      background: linear-gradient(90deg, #000000 0%, #171717 100%);

    }



    .custom-shadow {

      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    }



    .card-hover {

      transition: all 0.3s ease;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    }



    .card-hover:hover {

      transform: translateY(-10px);

      box-shadow: 0 15px 30px rgba(255, 121, 41, 0.2);

    }



    .btn-primary {

      background-color: #ff7929;

      color: white;

      transition: all 0.3s ease;

    }



    .btn-primary:hover {

      background-color: #e66a1f;

      transform: translateY(-2px);

    }



    .btn-outline {

      border: 2px solid #ff7929;

      color: #ff7929;

      transition: all 0.3s ease;

    }



    .btn-outline:hover {

      background-color: #ff7929;

      color: white;

    }



    .feature-icon {

 

      color: #ff7929;

      transition: all 0.3s ease;

      width: 50px;
      height: 50px;
           background-color: #fff0e6;
           justify-content: center;
           align-items: center;

    }



    .feature-item:hover .feature-icon {

      background-color: #ffe5d5;

      color: white;

    }



    .stats-item {

      position: relative;

    }



    .stats-item::after {

      content: '';

      position: absolute;

      right: 0;

      top: 20%;

      height: 60%;

      width: 1px;

      background-color: rgba(255, 255, 255, 0.3);

    }



    .stats-item:last-child::after {

      display: none;

    }



    @media (max-width: 768px) {

      .stats-item::after {

        display: none;

      }

    }



    .nav-link {

      position: relative;

    }



    .nav-link::after {

      content: '';

      position: absolute;

      bottom: -5px;

      left: 0;

      width: 0;

      height: 2px;

      background-color: #ff7929;

      transition: width 0.3s ease;

    }


    .nav-link:hover::after {

      width: 100%;

    }

    .nav-link:focus, .nav-link:hover {
  color: #ff7929!important;
}

    .text-orange{
      color: #ff7929;
    }

   .card-orange{
    border-radius: .75rem;
    border:none;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
   }

   .card-orange:hover{   
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(255, 121, 41, 0.2);
        
   }

.small-icon{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ff7929;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-icon i{
  color: #fff;
}

footer ul li a:hover{
  color: #ff7929 !important;
}


.bdr-btm {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.bg-orange {
background-color: #ff7929;
}
.bg-orange-gradient {
background: #FFFEFE;
background: linear-gradient(90deg, rgba(255, 254, 254, 1) 0%, rgba(254, 232, 208, 1) 50%, rgba(253, 201, 146, 1) 100%);
}
.bg-vine {
background: #3B1605;
background: linear-gradient(180deg, rgba(59, 22, 5, 1) 0%, rgba(40, 14, 4, 1) 50%, rgba(17, 7, 2, 1) 100%);
}
.card-outline-white {
border-radius: 20px;
border: 1px solid #fff;
background: none;
}
.bg-light-orange {
background-color: #ffedd5;
}
.accordion-button:not(.collapsed) {
color: #fff;
background-color: #feeddb!important;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}