footer{
    display: flex;
    flex-direction: column;
    height: 300px;
    background-color: #292828;
    padding: 10px;
    color: white;
    height: max-content;
    position: relative;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}
footer>.detailsSection{
    height: 100%;
    /* background-color:pink; */
    display: flex;
    align-items: center;
    justify-content: center;
}
footer>.detailsSection>div{
     width:33%; 
     height: 95%;
     margin: 10px;
     /* background-color: green; */
     /* border: 1px solid black; */
}
footer>.detailsSection>.companySummary>div>h2{
    width: 100%;
}
footer>.detailsSection>div{
    display: flex;
    align-items:center;
    /* justify-content: center; */
}
footer>.detailsSection>div>div{
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
footer>.detailsSection>.companySummary{
    border: none;
}
footer>.detailsSection>div>div>h2{
    font-size: 35px;
    font-weight: 900;
    color: white;
}
footer>.detailsSection>div>div>span{
    width: 100%;
    font-size: 20px;
    margin-top: 8px;
}
footer>.detailsSection>div>div>span>i{
   margin-right: 5px;
}
footer>.detailsSection>div>div>.socialLinks>ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
}
footer>.detailsSection>div>div>.socialLinks>ul>li{
    height: 40px;
    width: 40px;
    background-color:white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid gray;
}
.eachSocialLink{
    transition: all 2s;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.eachSocialLink>img{
    height: 50%;
}
footer>.detailsSection>div>div>.socialLinks>ul>li:hover .eachSocialLink{
    transform: translateY(-5px) translateX(3px);
}
footer>.detailsSection>div>div>.socialLinks>ul>li:hover .eachSocialLink>i{
    color: white;
}
footer>.detailsSection>div>div>.socialLinks>ul>li:hover{
    background-color: #a8a8c5e6;
}
.quickLinks>div>ul{
    width: 100%;
    list-style: none;
}
.quickLinks>div>ul>li{
    margin-bottom: 20px;
}
.quickLinks>div>ul>li>a>i{
    margin-right: 5px;
}
.quickLinks>div>ul>li>a{
    text-decoration: none;
    color: white;
    display: flex;
}
.fa{
    transition: all 1s;
}
.quickLinks>div>ul>li>a:hover .fa{
    transform: rotate(181deg);
    color: orange;
}
footer>.copyrightSection{
    height:50px;
    width: 100%;
    /* background-color: red; */
    display: flex;
    align-items: center;
    justify-content: center;
}
footer>.copyrightSection>p{
    height: 100%;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 900;
    color: white;
    border-style: solid none none none;
}
@media screen and (max-width:900px){
     footer{
        height:max-content;
     }
     footer>.detailsSection>div{
        height: 300px;
        width: 350px;
     }
     footer>.detailsSection{
        flex-wrap: wrap;
     }
}
@media screen and (max-width:662px){
    footer>.detailsSection>div{
        width: 400px;
     }
}
.custom-button:focus {
    touch-action: manipulation; /* This prevents the default tap (highlight) effect */
    -webkit-tap-highlight-color: transparent; /* For older versions of some browsers */
}