#hero-section, #get-demo, #our-features, #affordable-price {
    position: relative;
    background:
        linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        /* overlay */
        url('../images/hero-background-large-2.webp') center/cover no-repeat;
    	color: #fff;
}

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

.fs-7 {
  font-size: 0.875rem !important;  /* 14px */
}

.fs-8 {
  font-size: 0.75rem !important;   /* 12px */
}

.fs-9 {
  font-size: 0.625rem !important;  /* 10px */
}

.fs-10 {
  font-size: 0.5rem !important;    /* 8px */
}

.text-yellow {
 	color: yellow; 
}

.card:hover {
    transform: translateY(-4px);
    transition: 0.4s ease;
}

.iti {
    width: 100%;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(255, 0, 0, 0.7);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.7);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 rgba(255, 0, 0, 0.7);
    }
}

.animate-pulse {
    animation: pulse 1.5s infinite;
}


@keyframes satisfaction {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.satisfication-pulse {
    animation: satisfaction 1.5s infinite;
}

@keyframes shake {
  0% { transform: translateX(0); }
  10% { transform: translateX(-3px); }
  20% { transform: translateX(3px); }
  30% { transform: translateX(-3px); }
  40% { transform: translateX(3px); }
  50% { transform: translateX(-2px); }
  60% { transform: translateX(2px); }
  70% { transform: translateX(-1px); }
  80% { transform: translateX(1px); }
  90% { transform: translateX(-1px); }
  100% { transform: translateX(0); }
}

.shake-button {
  animation: shake 1s infinite;
}



[data-bs-theme="dark"] .iti input {
    background-color: #1e1e1e;
    color: #f1f1f1;
    border-color: #444;
}

[data-bs-theme="dark"] .iti__selected-flag {
    background-color: #292929;
}

[data-bs-theme="dark"] .iti__country-list {
    background-color: #1e1e1e;
    color: #fff;
}

[data-bs-theme="dark"] .iti__country:hover {
    background-color: #333;
}