/* * { border: 1px solid red; } */
.no-line-break {
  white-space: nowrap;
}
.story{
    font-size: 1.25rem;
}
.story-pop{
    font-size: 1.3rem;
    font-weight: bold;
}
.hero-pop{
  font-size: 1.45rem;
  /* font-weight: bold; */
}

.i-facebook:hover{
    fill: #3b5998 !important;
    transition: 1200ms;
}
.i-twitter:hover{
    fill: #55acee !important;
    transition: 1200ms;
}

.i-google:hover{
    fill: #dd4b39 !important;
    transition: 1200ms;
}
.i-youtube:hover{
    fill: #ed302f !important;
    transition: 1200ms;
}
.i-instagram:hover{
    fill: #ac2bac !important;
    transition: 1200ms;
}
.i-tiktok:hover{
    fill: rgb(156, 13, 156) !important;
    transition: 1200ms !important;
}
.green-hover:hover,
.col-md-4:has(.reclaim-time):hover, 
.col-md-4:has(.relax-we):hover, 
.col-md-4:has(.your-needs):hover,
.card:has(.hourly):hover,
.card:has(.pack-move):hover {  
    /* color: #FF7700 !important; */
    background-color: #7ace2755;
    transition: 750ms;
    zoom: 1.05;
}
.social-hover:hover{
  /* transition: 2000ms; */
  zoom: 1.4;
}
.card:has(.full-service):hover {  
    /* color: #FF7700 !important; */
    background-color: #fbe5cf;
    /* color:  */
    zoom: 1.05;
    transition: 750ms;

    box-shadow: 0 0 0 0 #FF7700;
    -moz-animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.consult-button-green{
    box-shadow: 0 0 0 0 #7ACE27;
    -moz-animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
    animation: pulseTwo 2s infinite;
}
.consult-button{
    box-shadow: 0 0 0 0 #FF7700;
    -moz-animation: pulse 2s infinite;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
@keyframes pulseTwo {
    0% {
        box-shadow: 0 0 0 0 #7ACE27;
    }
    70% {
        box-shadow: 0 0 0 10px rgba(88, 120, 243, 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(88, 120, 243, 0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #FF7700;
    }
    70% {
        box-shadow: 0 0 0 10px rgba(88, 120, 243, 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(88, 120, 243, 0);
    }
}


 
   
/* Define custom colors */
:root {
    --bs-primary: #FF7700; /* Orange for primary buttons */
    --bs-secondary: #fbe5cf; /* light orange */
    --bs-success: #7ACE27; /* Bright Green */
    --bs-danger: #E68024; /* Orange */
    --bs-warning: #E68024; /* Orange */
    --bs-info: #190E2F; /* Dark Purple */
    --bs-light: #FFFFFF; /* Light */
    --bs-dark: #000000; /* Dark */
  
    /* Background color */
    --bs-body-bg: #ffffff; /* Light Green for the background */
    --bs-body-color: #000000; /* Black for text */
  }
  

  body {
 
    
    scroll-behavior: smooth;
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
  }
  
  .btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #000000 !important; 
  }
  
  .btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: #000000 !important; 
  }
  

/* 
body {
    margin-top: 40px; 
  } 
  body::before {
    content: "XS";
    color: red;
    font-size: 2rem;
    font-weight: bold;
    position: fixed;
    top: 0;
    right: 0;
}
@media (min-width: 576px) {
    body::before {
      content: "SM";
    }
  }
@media (min-width: 768px) {
    body::before {
      content: "MD";
    }
  }
@media (min-width: 992px) {
    body::before {
      content: "LG";
    }
  }
@media (min-width: 1200px) {
    body::before {
      content: "XL";
    }
  }
@media (min-width: 1400px) {
    body::before {
      content: "XXL";
    }
  } */