a > h4 {
    position: relative;
    color: #000;
    text-decoration: none;
}
a > h4:hover {
    color: #000;
}
a > h4::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: #000;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
}
a > h4:hover::before {
    visibility: visible;
    transform: scaleX(1);
}
.special-font{
    font-family: 'Lobster', cursive; 
}
.hover-link{
    color: #fff;
}
.hover-link:hover{
    color: #fff;
    text-decoration: underline;
}
.center-n-card{
    top: 50%;
    transform: translate(50%, -50%);
}
.center-n-card-left{
    top: 50%;
    transform: translate(-50%, -50%);
}
.team-container-z{
    bottom: -15%;
    right: 0%;
    transform: translate(50%, -0%);
}
.team-container-x2{
    top: 25%;
    transform: translate(-30%, -50%);
}
.privacy-container > p{
    font-size: 1.5rem;
}
.terms-condition-container > p{
    font-size: 1.5rem;
}
.terms-condition-container > ol{
    font-size: 1.5rem;
}
.terms-condition-container > li{
    font-size: 1.5rem;
}
.terms-condition-container > h3{
    line-height: 4;
}
/* // Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575px) {
    .team-container-z{
        bottom: 0;
        transform: translate(0, 0);
    }
    .team-container-x2{
        top: 0;
        transform: translate(0%, 0%);
    }
    .center-n-card{
        top: 50%;
        transform: translate(0, 0);
    }
    .center-n-card-left{
        top: 50%;
        transform: translate(0, 0);
    }
    .display-1{
        font-size: 4rem;
    }
    .lead{
        font-size: 1rem;
    }
}

/* // Small devices (landscape phones, less than 768px) */
@media screen and  (max-width: 767px) {

}

/* // Medium devices (tablets, less than 992px) */
@media screen and  (max-width: 991px) {

}

/* // Large devices (desktops, less than 1200px) */
@media screen and  (max-width: 1199px) { 
    
}