:where([class^="ri-"])::before {
    content: "\f3c2";
}

body {
    font-family: 'Inter', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.cta-text {
    font-family: 'Poppins', sans-serif;
}

.hero-section {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.8) 75%, rgba(255, 255, 255, 0.6) 100%), url('https://readdy.ai/api/search-image?query=Modern%20pharmaceutical%20laboratory%20with%20clean%20white%20equipment%2C%20scientists%20in%20lab%20coats%20working%20with%20medicines%2C%20bright%20and%20professional%20environment%2C%20medical%20research%20facility%2C%20high-tech%20pharmaceutical%20production%20line%2C%20blue%20and%20white%20color%20scheme%2C%20clinical&width=1200&height=600&seq=1&orientation=landscape');
    background-size: cover;
    background-position: center right;
}

input:focus,
select:focus {
    outline: none;
    border-color: #FF7200;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}


.testimonial-slider {
    scroll-behavior: smooth;
}

.slider-dot.active {
    background-color: #FF7200;
}

.logo-1 {
    width: 120px;
}

.frm {
    border: 1px solid #cecece;
    padding: 20px;
}

.color-section {
    background-color: #FF7200;
}

.c-1 {
    height: 280px;
    margin: 15px 0px;
}

.btn-1 {
    border: 2px solid #FF7200;
    color: #FF7200;
}

.icn-color {
    color: #FF7200;
}

.txt-color {
    color: #5e5e5e;
    font-size: 18px;
    font-weight: 600;
}
.slide{
    padding: 10px;
}
.slide img{
    border: 1px solid #d8d8d8;
}
.cerificate-logos{
    margin: 10px 0px;
}
.btn-2{
    background-color: #FF7200;
    color: #fff;
}

#accordion h3{
    padding: 20px;
}


@media (max-width: 768px) {
    .hero-section {
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 60%, rgba(255, 255, 255, 0.8) 100%), url('https://readdy.ai/api/search-image?query=Modern%20pharmaceutical%20laboratory%20with%20clean%20white%20equipment%2C%20scientists%20in%20lab%20coats%20working%20with%20medicines%2C%20bright%20and%20professional%20environment%2C%20medical%20research%20facility%2C%20high-tech%20pharmaceutical%20production%20line%2C%20blue%20and%20white%20color%20scheme%2C%20clinical&width=768&height=800&seq=2&orientation=portrait');
    }
}