*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Poppins',sans-serif;

overflow:hidden;
}

.coming-soon{

height:100vh;

background:
linear-gradient(
rgba(0,0,0,.6),
rgba(0,0,0,.75)
),
url('../img/Pride\ lions.jpeg');

background-size:cover;
background-position:center;

display:flex;
justify-content:center;
align-items:center;

text-align:center;

position:relative;
}

.content{

position:relative;
z-index:2;

max-width:800px;

padding:30px;
}

.icon{

width:120px;
height:120px;

margin:auto;

border-radius:50%;

background:
rgba(255,255,255,.08);

backdrop-filter:blur(20px);

display:flex;
justify-content:center;
align-items:center;

margin-bottom:30px;
}

.icon i{

font-size:55px;

color:#D4A537;
}

.content h1{

font-size:4rem;

color:white;

margin-bottom:25px;

font-family:'Montserrat',sans-serif;
}

.content h1 span{

display:block;

color:#D4A537;
}

.content p{

color:
rgba(255,255,255,.85);

line-height:1.9;

margin-bottom:20px;

font-size:1.1rem;
}

.home-btn{

display:inline-flex;

align-items:center;

gap:10px;

padding:16px 35px;

margin-top:20px;

background:#D4A537;

color:white;

text-decoration:none;

border-radius:50px;

transition:.4s;
}

.home-btn:hover{

transform:translateY(-5px);
}

@media(max-width:768px){

.content h1{

font-size:2.5rem;
}

}

/* ===================================== */
/* GLOBAL RESPONSIVE SYSTEM */
/* ===================================== */

img{
    max-width:100%;
    height:auto;
    display:block;
}

.container,
.hero-content,
.form-container,
.contact-cards,
.whatsapp-container{
    width:100%;
}

/* ========================= */
/* LARGE TABLETS */
/* ========================= */

@media screen and (max-width: 992px){

    .form-container{
        grid-template-columns:1fr;
        gap:50px;
    }

    .contact-cards{
        grid-template-columns:
        repeat(2,1fr);
    }

    .hero-content h1{
        font-size:4rem;
    }

    .section-title h2{
        font-size:2.8rem;
    }

    .whatsapp-content h2{
        font-size:2.5rem;
    }
}

/* ========================= */
/* TABLETS */
/* ========================= */

@media screen and (max-width: 768px){

    section{
        padding:80px 5%;
    }

    .hero-content h1{
        font-size:3rem;
    }

    .hero-content p{
        font-size:1rem;
    }

    .hero-buttons{
        flex-direction:column;
        align-items:center;
    }

    .primary-btn,
    .secondary-btn{
        width:100%;
        max-width:320px;
        text-align:center;
    }

    .contact-cards{
        grid-template-columns:1fr;
    }

    .section-title h2{
        font-size:2.3rem;
    }

    .form-info h2{
        font-size:2.3rem;
    }

    .whatsapp-content{
        padding:50px 25px;
    }

    .whatsapp-content h2{
        font-size:2rem;
    }

    .whatsapp-features{
        flex-direction:column;
        gap:15px;
    }
}

/* ========================= */
/* MOBILE PHONES */
/* ========================= */

@media screen and (max-width: 576px){

    .hero-content h1{
        font-size:2.3rem;
        line-height:1.2;
    }

    .hero-badge{
        padding:12px 20px;
        font-size:.85rem;
    }

    .section-title h2{
        font-size:1.9rem;
    }

    .form-info h2{
        font-size:1.9rem;
    }

    .contact-form-wrapper{
        padding:20px;
    }

    .input-group input,
    .input-group textarea,
    .input-group select{
        padding:15px;
    }

    .whatsapp-icon{
        width:90px;
        height:90px;
    }

    .whatsapp-icon i{
        font-size:40px;
    }

    .whatsapp-content h2{
        font-size:1.8rem;
    }

    .whatsapp-btn{
        width:100%;
        justify-content:center;
    }
}

/* ========================= */
/* TEAM SECTION */
/* ========================= */

.team-section{

padding:140px 8%;

background:
linear-gradient(
180deg,
#071A2E,
#051421
);
}

.team-container{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(320px,1fr));

gap:40px;

margin-top:80px;
}

.team-card{

background:
rgba(255,255,255,.05);

backdrop-filter:blur(20px);

border:
1px solid rgba(255,255,255,.08);

padding:40px 30px;

border-radius:30px;

text-align:center;

transition:.5s;
}

.team-card:hover{

transform:
translateY(-15px);

border-color:#D4A537;
}

.team-image{

width:180px;
height:180px;

margin:auto;

border-radius:50%;

overflow:hidden;

border:5px solid #D4A537;

margin-bottom:30px;
}

.team-image img{

width:100%;
height:100%;

object-fit:cover;

transition:.5s;
}

.team-card:hover img{

transform:scale(1.1);
}

.team-card h3{

color:white;

font-size:1.8rem;

margin-bottom:10px;
}

.team-card span{

display:block;

color:#D4A537;

font-weight:600;

margin-bottom:20px;
}

.team-card p{

color:
rgba(255,255,255,.8);

line-height:1.8;

margin-bottom:25px;
}

.team-social{

display:flex;

justify-content:center;

gap:15px;
}

.team-social a{

width:45px;
height:45px;

display:flex;

justify-content:center;
align-items:center;

border-radius:50%;

background:
rgba(255,255,255,.08);

color:white;

transition:.4s;
}

.team-social a:hover{

background:#D4A537;

transform:translateY(-5px);
}

.featured-team{

border:2px solid #D4A537;

transform:scale(1.05);
}