.contant-img img {
  margin-left: -10px;
  object-fit: cover;
}

:root {
  --bs-primary:  rgb(255, 136, 0);

  --bs-secondary: #f4f4f4;

}
.text-secondary {
  color: rgb(105, 100, 100) !important;
}
.text-primary {
    color:  rgb(4, 2, 0)!important;
}

.btn-primary {
  background-color:  rgb(255, 136, 0) !important;
  border-color:  rgb(255, 136, 0) !important;
  color: white;
  
}
.text-secondary2 {
    color:  rgb(0, 0, 0)!important;
}
.text-primary {
    color:  rgb(233, 124, 0)!important;
}
.bg-primary{
background-color: rgb(243, 234, 221)!important;
}
.bg-secondary{
background-color: rgb(236, 234, 234)!important;
}

.btn-outline-primary-custom {
  color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
  background-color: transparent;
}

.btn-outline-primary-custom:hover{
background-color: rgb(255, 136, 0) !important;
  color: white;
}

ul li{
  font-size: 15px;
}
header{ transition: 0.5s;}
header:hover{
  box-shadow: 1px 2px 3px 4px rgb(33, 32, 32);
  transition: 0.4s;
}

.nav-link:hover{
 color: rgb(255, 136, 0)  ;
}
button:hover{
  box-shadow: 1px 4px 3px 4px rgb(121, 66, 0);
  transition: 0.3s;
}
p:hover{   
     text-shadow: -1px -1px rgb(8, 8, 7);
  transition: 0.4s;
}
.card{
transition: 0.6s;
}
.card:hover{
    box-shadow: 1px 22px 3px 4px rgb(121, 66, 0);
}

img{
  transition: 0.3s;
}

img:hover {
  transform: scale(1.09);

}
i{
  transition: 0.3s;
}
i:hover{
 color: rgb(255, 123, 0);
   transform: scale(1.2);

}

.img {
  opacity: 0;
  transform: translateX(-90px);
  animation: chang 0.6s ease forwards;
  animation-delay: 2s;
}

.img:nth-child(1) {
  animation-delay: 0.2s;
}
.img:nth-child(2) {
  animation-delay: 0.4s;
}
.img:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes chang {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}