@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700&display=swap');

body {
    background-color: #f8fafc;
    color: #1e293b;
    font-family: 'Outfit', 'Poppins', sans-serif;
}

li { list-style-type: none !important; }
a { text-decoration: none !important; }

.logo { width: 120px; }
.pad { padding: 80px 0; }
.wrdbrk { white-space: pre; }

.marquee {
    width: 100%;
    overflow: hidden;
    font-size: 15px;
    line-height: 35px;
}

.paragraph {
    font-family: 'Outfit', 'Poppins', sans-serif;
    line-height: 28px;
    color: #334155;
}

.volkhov {
    font-family: 'Outfit', sans-serif;
    color: #ff5722;
    font-weight: 700;
}

.top-head {
    background: #fff3ed;
    border-top: 1px solid #ff5722;
    border-bottom: 1px solid #ff5722;
}

.topfont {
    font-size: 22px;
    color: #0f172a;
}

.divider { border-right: 1px solid rgba(0, 0, 0, 0.1); }

.title-line {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #ff5722, #ff8c00);
    margin: 15px 0;
    border-radius: 2px;
}

.title-line1 {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #ff5722, #ff8c00);
    margin: 15px auto;
    border-radius: 2px;
}

.title-line2 {
    width: 60px;
    height: 3px;
    background: #ffffff;
    margin: 15px auto;
    border-radius: 2px;
}

.bannerhead {
    font-size: 42px;
    font-weight: 800;
}

.clr { color: #ff5722 !important; }
.clr1 { color: #e64a19 !important; }

.homeproducts {
    background-color: #f8fafc;
    position: relative;
}

.padht {
    transition: all 0.4s ease;
    transform: translateY(0);
}

.padht:hover {
    transform: translateY(-8px);
    cursor: pointer;
}

.priceicn2 {
    width: 130px;
}

.bottomfont {
    font-size: 32px;
    font-weight: 700;
}

.footbck { background-color: #ffffff; }

.contactbox {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    border: 1.5px solid #ff5722;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}

.boxfnt { color: #ff5722; }

.fixed { position: fixed; z-index: 2; }
.point { bottom: 10px; left: 10px; }
.point1 { bottom: 70px; left: 10px; }
.point3 { bottom: 135px; left: 10px; width: 40%; }
.point2 { bottom: 15px; right: 10px; }

.blink img {
    animation: blink 1s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

@media (min-width: 5px) and (max-width: 767.98px) {
    .pad { padding: 40px 0; }
    .logo { width: 100px; }
    .bannerhead { font-size: 32px; }
    .bottomfont { font-size: 22px; }
}

@media (min-width: 768px) and (max-width: 992.98px) {
    .pad { padding: 50px 0; }
    .logo { width: 110px; }
}