﻿.section-title{
            text-align:center;
            margin-bottom:35px;
        }

        .section-title h1{
            color:#222;
            font-size:38px;
            margin-bottom:10px;
        }

        .section-title p{
            color:#666;
            font-size:16px;
        }

        .directory-wrapper{
            width:100%;
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
            gap:25px;
        }

        .listing-card{
            background:#fff;
            border-radius:15px;
            overflow:hidden;
            box-shadow:0 5px 15px rgba(0,0,0,0.08);
            transition:0.3s;
        }

        .listing-card:hover{
            transform:translateY(-5px);
        }

        .listing-image{
            width:100%;
            height:180px;
            background-size:cover;
            background-position:center;
        }

        .listing-content{
            padding:20px;
        }

        .premium-badge{
            display:inline-block;
            background:#ff9800;
            color:#fff;
            padding:6px 12px;
            border-radius:30px;
            font-size:12px;
            margin-bottom:12px;
            font-weight:bold;
        }

        .listing-title{
            font-size:24px;
            color:#222;
            margin-bottom:10px;
        }

        .listing-category{
            color:#0d6efd;
            font-size:14px;
            margin-bottom:10px;
            font-weight:600;
        }

        .listing-description{
            color:#666;
            line-height:1.6;
            font-size:14px;
            margin-bottom:15px;
        }

        .listing-info{
            margin-bottom:8px;
            color:#444;
            font-size:14px;
        }

        .view-btn{
            display:inline-block;
            margin-top:10px;
            padding:10px 20px;
            background:#0d6efd;
            color:#fff;
            text-decoration:none;
            border-radius:8px;
            transition:0.3s;
        }

        .view-btn:hover{
            background:#084298;
        }

.main-container {
            width: 100%;
            margin: auto;
        }

        .section-title {
            text-align: center;
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 30px;
            color: #222;
        }

        .product-row {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            flex-wrap: nowrap;
        }

        .product-card {
            width: 19%;
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition: 0.3s;
        }

        .product-card:hover {
            transform: translateY(-5px);
        }

        .product-image {
            width: 100%;
            height: 220px;
            object-fit: cover;
        }

        .product-content {
            padding: 15px;
            text-align: center;
        }

        .product-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            color: #333;
        }

        .product-price {
            color: #e63946;
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 12px;
        }

        .product-btn {
            display: inline-block;
            background: #007bff;
            color: #fff;
            padding: 10px 18px;
            text-decoration: none;
            border-radius: 5px;
            transition: 0.3s;
        }

        .product-btn:hover {
            background: #0056b3;
        }

        @media(max-width:1200px) {
            .product-row {
                flex-wrap: wrap;
            }

            .product-card {
                width: 32%;
            }
        }

        @media(max-width:768px) {
            .product-card {
                width: 48%;
            }
        }

        @media(max-width:500px) {
            .product-card {
                width: 100%;
            }
        }

.main-wrapper {
            width: 95%;
            margin: auto;
            padding: 20px 0;
        }

        .banner-row {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }

        .banner-box {
            width: 48%;
            background: #ffffff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0px 2px 8px rgba(0,0,0,0.15);
            transition: 0.3s;
        }

        .banner-box:hover {
            transform: translateY(-5px);
        }

        .banner-image img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            display: block;
        }

        .banner-content {
            padding: 20px;
            text-align: center;
        }

        .banner-title {
            font-size: 26px;
            font-weight: bold;
            color: #222;
            margin-bottom: 10px;
        }

        .banner-details {
            font-size: 16px;
            color: #666;
            line-height: 26px;
        }

        @media screen and (max-width: 768px) {

            .banner-box {
                width: 100%;
            }

            .banner-image img {
                height: 220px;
            }
        }

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial;
        }

        .news-section {
            width: 100%;
        }

        .section-title {
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 25px;
            color: #222;
        }

        .news-row {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .news-card {
            width: 32%;
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition: 0.3s;
        }

        .news-card:hover {
            transform: translateY(-5px);
        }

        .news-card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
        }

        .news-content {
            padding: 18px;
        }

        .news-date {
            color: #888;
            font-size: 13px;
            margin-bottom: 10px;
        }

        .news-title {
            font-size: 22px;
            font-weight: bold;
            color: #111;
            margin-bottom: 12px;
        }

        .news-description {
            color: #555;
            line-height: 1.6;
            margin-bottom: 15px;
        }

        .read-more {
            display: inline-block;
            background: #007bff;
            color: #fff;
            padding: 10px 18px;
            text-decoration: none;
            border-radius: 5px;
        }

        .read-more:hover {
            background: #0056b3;
        }

        @media(max-width: 992px) {
            .news-card {
                width: 48%;
            }
        }

        @media(max-width: 768px) {
            .news-card {
                width: 100%;
            }
        }

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial;
        }

        .main-container {
            width: 100%;
            max-width: 1400px;
            margin: auto;
        }

        .logo-row {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-bottom: 25px;
            flex-wrap: nowrap;
        }

        .logo-box {
            width: 170px;
            height: 120px;
            background: #ffffff;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: 0.4s;
            cursor: pointer;
            overflow: hidden;
            border: 2px solid #e5e5e5;
        }

        .logo-box img {
            width: 100px;
            transition: 0.4s;
            filter: grayscale(100%);
        }

        /* Hover Effect */
        .logo-box:hover {
            background: #0d6efd;
            transform: translateY(-5px);
            box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
        }

        .logo-box:hover img {
            filter: grayscale(0%);
            transform: scale(1.1);
        }

        /* Responsive */
        @media screen and (max-width: 1200px) {
            .logo-row {
                flex-wrap: wrap;
            }
        }

* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial;
        }

        .main-container {
            width: 100%;
            display: flex;
            gap: 20px;
            justify-content: center;
        }

        .column-box {
            width: 33%;
            background: #fff;
            border-radius: 10px;
            padding: 15px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .heading {
            font-size: 24px;
            font-weight: bold;
            color: #222;
            margin-bottom: 20px;
            border-bottom: 3px solid #ff6600;
            padding-bottom: 10px;
        }

        .product-box {
            display: flex;
            align-items: center;
            margin-bottom: 18px;
            padding-bottom: 15px;
            border-bottom: 1px solid #ddd;
        }

        .product-box:last-child {
            border-bottom: none;
        }

        .product-img img {
            width: 90px;
            height: 90px;
            border-radius: 8px;
            object-fit: cover;
        }

        .product-info {
            margin-left: 15px;
        }

        .product-title {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 6px;
        }

        .product-price {
            color: #ff6600;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .product-desc {
            color: #777;
            font-size: 14px;
            line-height: 20px;
        }

        @media screen and (max-width:900px) {

            .main-container {
                flex-direction: column;
            }

            .column-box {
                width: 100%;
            }
        }
