.viewAllProjectSection{margin:50px 0px;}
            .viewAllProjectSection h2{font-size:36px;color:#fff;font-weight:bold;margin-bottom:0px;display: flex;justify-content: center;}
            .viewAllProjectSection .projectTypeBox{display: flex;display: -webkit-flex;align-items: center;padding:0px 15px;margin-top:30px;}
            .viewAllProjectSection .projectTypeBox .projectType{width:33%;position: relative;height:360px;overflow: hidden;border:1px solid #c08830;}
            .viewAllProjectSection .projectTypeBox .projectType{cursor:pointer;}
            .viewAllProjectSection .projectTypeBox .projectType .content{position: absolute;bottom:30px;left:25px;z-index: 2;}
            .viewAllProjectSection .projectTypeBox .projectType figure, .viewAllProjectSection .projectTypeBox .projectType figure img{width:100%;height:100%;}
            .viewAllProjectSection .projectTypeBox .projectType .content h2{font-size:26px;color:#c08830;}
            .btnBox{display: flex;display: -webkit-flex;max-width:315px;margin:0 auto;}
            @media screen and (max-width:768px){
                .viewAllProjectSection h2{font-size:26px;}
                .viewAllProjectSection .projectTypeBox{flex-wrap: wrap;}
                .viewAllProjectSection .projectTypeBox .projectType{width:100%;}

            }
            
            /* Image hover zoom effect */
            .viewAllProjectSection .projectTypeBox .projectType figure img {
                transition: transform 0.3s ease-in-out;
                transform: scale(1);
            }
            
            .viewAllProjectSection .projectTypeBox .projectType:hover figure img {
                
                transform: scale(1.1);
            }
            
            /* Overlay for better text visibility */
            .viewAllProjectSection .projectTypeBox .projectType::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.7) 100%);
                z-index: 1;
                pointer-events: none;
            }
            
            /* Make content text more visible */
            .viewAllProjectSection .projectTypeBox .projectType .content {
                color: white;
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
            }
            
            .viewAllProjectSection .projectTypeBox .projectType .content .priceBox {
                color: white;
                font-weight: 500;
                margin:0px 0px 30px 0px;
            }