/* testimony animation */
* {
    -webkit-font-smoothing: antialiased !important;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.marquee {
    display: flex;
    width: 100%;
    animation: marquee 50s linear infinite;
}


/* Modal CSS */



body.modal-open {
    overflow: hidden;
}

::-webkit-scrollbar {
    width: .5rem; /* Set the width of the scrollbar */
  }
  
  ::-webkit-scrollbar-track {
    background: transparent; /* Color of the track */
  }
  
  ::-webkit-scrollbar-thumb {
    background: #d3d3d3; /* Color of the   
   thumb */
    border-radius: 5px; /* Round the thumb */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #aaaaaa; /* Color of the thumb on hover */
  }

.sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}

.h-modal {
    height: calc(100% - 2rem);
}

.fixed {
    position: fixed;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bg-contain {
    background-size: contain;
}

.bg-bottom {
    background-position: bottom;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.opacity-60 {
    opacity: .6;
}
@media (width >= 425px) {

    .sm\:grid {
       display: grid;
    }

    .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .sm\:mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
    .sm\:-ml-10 {
        margin-left: -2.5rem;
    }

    .sm\:mt-60 {
        margin-top: 15rem;
    }

    .sm\:mt-20 {
        margin-top: 5rem;
    }

    .sm\:mt-\[300px\] {
        margin-top: 300px;
    }

    .sm\:w-full {
        width: 100%;
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:p-16 {
        padding: 4rem;
    }

    .sm\:pr-4 {
        padding-right: 1rem;
    }

    .sm\:w-2\/5 {
        width: 40%;
    }

    .sm\:top-32 {
        top: 8rem;
    }

    .sm\:left-\[192px\] {
        left: 192px;
    }

    .sm\:mt-10 {
        margin-top: 2.5rem;
    }
}

@media (width >= 375px) {

    .xs\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .xs\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .xs\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

   
}

@media (width >= 375px) {

    .xs\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .xs\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .xs\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

   
}
@media (width >= 768px) {

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (width >= 1024px) {

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
}