body {
            background-color: #f5f5f5 !important;
        }

        .bread {
            background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('/Html/img/bag6.jpg') no-repeat center/cover;
            background-position-y: 60%;
            text-align: center;
            color: white !important;
            padding: 40px 10px;
            height: 40vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .bread a {
                color: white !important;
                text-decoration: none;
            }

        .service-sec {
            background-color: white;
        }

        .right-sub {
            display: grid;
            grid-template-columns: repeat(5,1fr);
            
            gap: 20px;
        }

        .cards h5 {
            font-family: montserrat;
        }

        .cards p {
            font-size: 15px;
            font-family: montserrat;
            color: #e9e9e9;
        }

        .cards {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background-color: black;
            color: white;
            transition: 0.3s ease;
            text-align: center;
            padding: 10px;
            font-family: Montserrat;
        }

            .cards:hover {
                transform: scale(1.1);
            }

        @media(max-width:768px) {
            .right-sub {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-auto-rows: unset;
                gap: 5px;
            }

            .service-sec .right-sub {
                padding: 0 !important;
            }
        }