/* Header */
.header-2 .header__middle.header-2__middle{
    order:1;
}

/* Body */
.body-bg, .footer__info a,.footer__copyright-menu a{
    background-color:#ffffff;
    background: #ffffff;
}
.title-slider__title{
    color: #0064B0;
}
.title-slider__title a{
    background:#0064B0;
}
.title-slider__title span{
    -webkit-text-stroke: 1.5px #0064B0;
}
.project-section-2__area,.tp-btn-circle-dot, .footer{
    background-color: #0064B0;
}
.banner__content h1 .solutions, .banner__content h1 .brand, .footer-top .title{
    font-family: 'Poppins', sans-serif;
}


/* Team Section */
/*
.team-section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    max-width: 100%;
    padding: 50px 10px;
}

.team-container {
    display: flex;
    width: 100%;
    max-width: 1100px;
    justify-content: space-between;
    gap: 5px;
}

.team-member {
    flex: 1;
    min-width: 80px;
    height: 50vh;
    background: #0062aa;
    color: #ffffff;
    border: solid #928e8e;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: flex 0.5s ease-in-out;
    transform: skew(-20deg);
     background-size: cover;
    background-position: center;
    
}
.team-member hr,
.team-member img,
.team-member .bio{
    transform: skew(10deg) !important;  
}
.team-member h3 {
    position: absolute;
    color:#ffffff;
    top: 5vh;
    z-index: 2;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 1.5rem;
    text-align: center;
    transition: transform 0.5s ease-in-out, font-size 0.5s;
    opacity: 0; 
}
.team-member h3,
.team-member img,
.team-member .bio {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s;
    display: block;
}

.team-member img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 10px auto 5px;
}

.team-member .bio {
    font-size: 14px;
    padding: 10px;
    max-width: 90%;
    width: 50%;
    color: #fff;
    text-align: center;
}


.team-member.active {
    flex: 6;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    background-image: none !important;
    opacity: 1; 
}

.team-member.active h3 {
    writing-mode: horizontal-tb;
    transform: translate(-50%, 0%) rotate(0deg) !important;
    left: 50%;
    font-size: 24px;
    margin-bottom: 10px;
    color:#ffffff;
    opacity: 1; 
}


.team-member.active img,
.team-member.active .bio {
    opacity: 1;
    transform: translateY(0);
}*/