@media (max-width: 480px) { 


	body { background-color: #e0e0e0; padding: 10px; } 

	.nav-link{
		text-align: center;
        color: white !important;
	}
h2{
	font-size: 18px;
}



.footer-text{
	text-align: center;
}

.text-start{
	text-align: center !important;
}


.footer-social{
	padding-left: 120px;
    padding-right: 120px;
}



.read-more-container {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;}

    p{
    	margin-bottom: 20px;
    }


section {
    margin: 50px 0px;
}



.service-heading {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}







.card {
    position: relative;
    flex: 1;
 
    height: 100%;
    overflow: hidden;
    transition: flex 0.4s ease-in-out;
    cursor: pointer;

}


.case-studies-navigation {
    display: flex;
    justify-content: left;
    margin-bottom: 0px;
}


.custom-navigation {
    position: absolute;
    left: 20px;
/*     right: 20px; */
     top: 0; 
    display: flex
;
    gap: 8px;
    /* z-index: 10; */
}












    .headline-one {
        position: relative;
        top: 50px;
        left: 15px;
 
      color: #fff;
      font-size: 1.5rem; /* Adjust font size as needed */
      font-weight: bold;
      line-height: normal;
      text-transform: uppercase;
       text-shadow: 3px 3px 5px #000000;
    }
    .headline-two {
          position: relative;
        top: 100px;
        left: 15px;

      color: #fff;
      font-size: 1.5rem; /* Adjust font size as needed */
      font-weight: bold;
      line-height: normal;
      text-transform: uppercase;
       text-shadow: 3px 3px 5px #000000;
    }






/* Style for the Go to Top Button */
.go-to-top-btn {
 display: none;
}

.go-to-top-btn.show {
display: none;
}


.go-to-top-btn i {
  font-size: 24px;
  display: none;
}



.text-end{
    text-align: center !important;
}








}