@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
    --lines-count: 2;
    --line-height: 1.25rem;
    --element-height: calc(var(--lines-count) * var(--line-height));

    --primary-color: #0a7fd6;
    --secondary-color: #a5a5a5;
}


html, body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Inter', Arial, Helvetica, sans-serif !important;
    color: #1e1c1d;
}

@keyframes fadeAnimation {
    from {
        transform: translateX(-200px);
        opacity: 0;
    }

    to {
        transform: translateX(0px);
        opacity: 1;
    }
}
.fadeAnimate {
    transition: 1.5s ease;
    animation: fadeAnimation 1.5s;
}

.color-or-yellow {
    color: var(--primary-color);
}

.bg-or-yellow {
    background: var(--primary-color);
    color: white;
}

.color-or-black {
    color: #1e1c1d;
}

.bg-or-black {
    background: #1e1c1d;
    color: white;
}

.cursor-pointer {
    cursor: pointer;
}

.dropdown-item:hover {
    background: var(--primary-color);
    color: white;
}

.dropdown-item:active {
    background: var(--primary-color);
    color: white;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  margin: auto;
  display: block;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%; /* Reduce from default 15% */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 100% 100%; /* Optional: make the icon full size inside */
}

@media (max-width: 768px) {
  .carousel-control-prev,
  .carousel-control-next {
    width: 10%; /* Slightly more space for smaller screens if needed */
  }
}
@media (max-width: 576px) { 
    html, body {
    overflow-x: hidden !important;
    }

    .row{
        margin-left: .25rem !important;
        margin-right: .25rem !important;
    }
}

.text-primary-custom {
    color: var(--primary-color) !important;
}

.btn-primary-custom {
    background: var(--primary-color) !important;
    color: white !important;
}

.link-primary-custom {
    color: var(--primary-color) !important;
}

.text-primary-trowel {
    color: #197709 !important;
}

.btn-primary-trowel {
    background: #197709 !important;
    color: white !important;
}

.link-primary-trowel {
    color: #197709 !important;
}

.text-primary-tylers {
    color: #212a63 !important;
}

.btn-primary-tylers {
    background: #212a63 !important;
    color: white !important;
}

.link-primary-tylers {
    color: #212a63 !important;
}

.text-primary-winkdr {
    color: #4e6d9c !important;
}

.btn-primary-winkdr {
    background: #4e6d9c !important;
    color: white !important;
}

.link-primary-winkdr {
    color: #4e6d9c !important;
}


.text-primary-krah {
    color: #f0bd14 !important;
}

.btn-primary-krah {
    background: #f0bd14 !important;
    color: white !important;
}

.link-primary-krah {
    color: #f0bd14 !important;
}

.text-primary-euroline {
    color: #0d52b3 !important;
}

.btn-primary-euroline {
    background: #0d52b3 !important;
    color: white !important;
}

.link-primary-euroline {
    color: #0d52b3 !important;
}