.section3{
	width: 100%;
	height: 100%;
	margin-top: 8%;
	background-color: #e8e8e8;
	padding: 80px 0;
	border-radius: 80px;
}

.section3 h1{
	display: flex;
	width: 80%;
	margin-left: 10%;
	align-items: center;
	justify-content: center;
}

.section3 h1 img{
	width: 35px;
	padding-right: 3px;
}

.section3 h1 span{
	color: #ff4b01;
	font-size: 35px;
	margin-top: 1%;
}

#section3-top-p{
	text-align: center;
	width: 50%;
	margin-left:25%;
	opacity: 0.7;
	font-size: 17px;
}

.section3-cont{
	display: grid;
  	grid-template-columns: repeat(4, 1fr);
  	width: 90%;
  	height: 100%;
  	margin-top: 2%;
  	margin-left: 5%;
  	gap:40px;
}

.section3-card{
	width: 100%;
	height: 100%;

}
.section3-image-container {
            position: relative;
            width: 100%;
            height: 300px;
            border-radius: 15px;
            overflow: hidden;
            cursor: pointer;

            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .section3-image-container:hover {
            transform: translateY(-5px);
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0);
        }

        .section3-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            transition: opacity 0.5s ease;

        }

        .section3-image-container .hover-image {
            opacity: 0;
        }

        .section3-image-container:hover .default-image {
            opacity: 0;
        }

        .section3-image-container:hover .hover-image {
            opacity: 1;
        }

        .section3-card p{
        	text-align: center;

        	font-size: 18px;
        	font-weight: 600;
        	margin-top: 4%;
        	color: #1c8270;

        }

        .section3-btn{
        	width: 15%;
        	height: 50px;
        	margin-left: 42.5%;
        	margin-top: 4%;
        	border-radius: 50px;
        	border: 1px solid #ff4b01;
        	transition: 0.3s ease;

        }

        .section3-btn:hover{
        	background-color: #ff4b01;
        }

        .section3-btn a{
        	text-decoration: none;
        	width: 100%;
        	height: 100%;
        	display: flex;
        	align-items: center;
        	justify-content: center;
        	color: #ff4b01;
        	font-size: 18px;
        	font-weight: 600;
        }

        .section3-btn:hover a{
        	color: #fff;
        }