.serv-block{
            position: relative;
            overflow: hidden;
            height: 372px;
        }
        .serv-block::before{
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;

            background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) -0.1%, rgba(0, 0, 0, 0.60) 67.1%);
        }
        /* Corner Triangle with Circle Arrow */
            .corner-triangle-overlay {
                position: absolute;
                top: auto;
                bottom: 0;
                right: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 0 138px 100px;
                z-index: 10;
                transition: all 0.3s ease;
            }
            
            .circle-arrow {
                position: absolute;
                bottom: -120px;
                right: 20px;
                width: 36px;
                height: 36px;
                background: transparent;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 10px;
                color: #333;
                transition: all 0.3s ease;
            }
            
            /* Color variations for triangle */
            .corner-triangle-overlay.tag-orange {border-color: transparent transparent var(--secondary) transparent;}            
            .corner-triangle-overlay.tag-green {border-color: transparent transparent var(--green) transparent;}            
            .corner-triangle-overlay.tag-purple {border-color: transparent transparent var(--tertiary) transparent;}
            
             /* Hover effects for corner triangles */
            .serv-block:hover .corner-triangle-overlay.tag-orange {
                border-color: transparent transparent var(--secondary) transparent;
            }
            
            .serv-block:hover .corner-triangle-overlay.tag-green {
                border-color: transparent transparent var(--green) transparent;
            }
            
            .serv-block:hover .corner-triangle-overlay.tag-purple {
                border-color: transparent transparent var(--tertiary) transparent;
            }
            
            .serv-block:hover .circle-arrow {
                transform: scale(1.1);
                box-shadow: 0 2px 8px rgba(0,0,0,0.2);
            }

        .about-us .btn.absolute                       {position: absolute;bottom: 24px;left: 0;right: 0;width: 216px;margin: 0 auto;}
        .about-us .pd-40-80                           {padding: 40px 40px 80px;}
        @media screen and (max-width:767px){
            .about-us .pd-40-80                       {padding: 24px 0 80px;}
        }