*{
    margin: 0;
    padding: 0;
}
:root{
    --bg-primary: #157a9d;
    --bg-secondary: #000;
    --bg-light: #fff;
    --bg-overlay: #157a9d38;
    --bg-grey: #8c8585;
    --bg-yellow: #f4f425;
    --bg-offwhite: #e0e0e0;
}
body{
    text-align: center;
    /* background: #f0f0f08f!important; */
    background: url(../img/background.jpg);
    background-size: cover;
}
.overlay{
    background: var(--bg-overlay);
}
/* .brand{
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px;
    box-shadow: 0 0 3px #ddd;
    background: #fff;
    z-index: 999;
} */
.brand-logo img{
    width: 250px;
    height: auto;
}
.layout{
    padding: 45px;
    width: 40%;
    margin: 0 auto;
}
.company-logo{
    padding: 45px;
    /* margin-top: 50px; */
    background: var(--bg-light);
    border-radius: 25px;
    box-shadow: 0 1px 8px rgb(0 0 0/20%);
}
.company-logo img {
    width: 250px;
    padding-bottom: 24px;
}
.profile-img{
    margin-top: -131px;
}
.profile-img img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 10px solid var(--bg-offwhite);
    background: var(--bg-light);
}
.profile-details{
    padding-top: 45px;
}
.profile-full-details{
    padding: 45px;
    background: var(--bg-light);
    border-radius: 25px;
    box-shadow: 0 1px 8px rgb(0 0 0/20%);
}
.profile-full-details h2 {
    color: var(--bg-primary);
    font-weight: 800;
    font-family: 'Roboto';
}
.profile-full-details h3 {
    font-size: 20px;
    color: var(--bg-secondary);
    font-weight: 400;
    font-family: 'Roboto';
}
.profile-full-details p {
    font-size: 14px;
}
.copyright li{
    display: inline-block;
}
.copyright img{
    width: 106px;
    height: auto;
    /*! margin-top: -15px; */
    position: absolute;
}
.contact-details-list{
    padding-top: 15px;
}
.contact-details-list a {
    text-decoration: none;
}
.contact-details-list p i,
.contact-details-list p span {
  font-weight: bold;
  color: var(--bg-secondary);
}
.button-sec {
    padding: 10px 25px;
    background: var(--bg-primary);
    border-radius: 25px;
    color: var(--bg-light);
}
.button-sec:hover {
    padding: 10px 25px;
    background: var(--bg-primary);
    border-radius: 25px;
    color: var(--bg-light);
    cursor: pointer;
}
.collapsing,
.collapse {
    background: var(--bg-light)!important;
    padding: 10px 15px;
    border-radius: 15px;
}
.border{
    border: 1px solid var(--bg-secondary);
    border-width: 20%;
}
  [data-toggle="collapse"] i:before {  
    content: "\f068";
}
  
[data-toggle="collapse"].collapsed i:before {
    content: "\f067";
}
.contact-details p{
    color: var(--bg-grey);
    font-size: 14px;
    text-align: justify;
    padding-top: 10px;
}
.bank-details img {
  padding: 15px;
}
.single-testimonials{
    padding: 25px 0;
}
.client-img{
    width: 200px;
    height: auto;
    margin: 0 auto;
}
.owl-dots {
  display: none;
}
.testimonials-avatar img {
    border-radius: 50%;
    width: 100px;
}
.testimonials-content p {
    text-align: center;
}
.testimonials-content .client-name{
    color: var(--bg-secondary);
    font-weight: bold;
}
.rating .fa {
  color: var(--bg-yellow);
}
.social-details {
    text-align: center;
    padding: 0 0 35px 0;
    margin-bottom: 65px;
}
.social-details i {
    font-size: 17px;
    width: 40px;
    height: 40px;
    padding: 11px;
    border-radius: 50%;
    color: var(--bg-light);
    background: var(--bg-primary);
}
.social-details::before {
    position: absolute;
    content: "";
    left: 50%;
    width: 100px;
    height: 2px;
    background: var(--bg-primary);
    transform: translateX(-50%);
    margin-top: -20px;
}
/* footer::before{
    position: absolute;
    content: "";
    left: 50%;
    width: 36px;
    height: 2px;
    background: var(--bg-primary);
    transform: translateX(-50%);
    margin-top: -20px;
} */
footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 0 2px 0;
    font-weight: 600;
    background: var(--bg-light);
}
footer img{
    width: 150px;
}
@media(max-width: 991px){
    .brand-logo img {
        width: 175px;
        height: auto;
    }
    .layout {
        padding: 15px;
        width: 100%;
        margin: 0 auto;
    }
    .company-logo img {
        width: 100%;
        padding-bottom: 24px;
    }
    .social-details{
        text-align: center;
        padding: 0 0 0 0;
        margin-bottom: 0;
    }
}