@font-face {
    font-family: 'mainText';
    src: url('../fonts/arizona.ttf');
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins.ttf');
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.animate-fade-in {
    animation: fade-in 1s ease-out forwards;
}

.animate-fade-in-delay {
    animation: fade-in 1s ease-out forwards;
    animation-delay: 0.5s;
}

.animate-slide-in-left {
    animation: slide-in-left 1s ease-out forwards;
}

.animate-slide-in-right {
    animation: slide-in-right 1s ease-out forwards;
}

.why-choose-track-qs-parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.why-choose-track-qs {
    height: 350px;
    display: flex;
    flex-direction: column !important;
}

@media screen and (max-width: 767px) {
    .why-choose-track-qs-parent {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .why-choose-track-qs {
        height: 450px;
        display: flex;
        flex-direction: column !important;
    }

    .heading-text-h3 {
        font-size: 26px;
    }
    .heading-text-h3 h3 {
        font-size: 50px;
        /* / Default for large screens / */
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (min-width: 768px) and (max-width :1023px){
    .why-choose-track-qs-parent {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px;
    }
    .why-choose-track-qs {
        height: 500px;
        display: flex;
        flex-direction: column !important;
    }

}