body{
    font-weight: 600;
background:#ececec;
font-family:Arial,sans-serif;
}

/* HEADER */

.top-header{
background:#dca425;
text-align:center;
padding:10px 0;
color:#fff;
}

.logo{
width:130px;
}

.org-name{
font-size:40px;
font-weight:700;
}

.reg{
font-size:14px;
}

/* NAVBAR */

.navbar{
background:#fff !important;
box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.join-btn{
background:#f4d03f;
padding:10px 25px;
font-weight:bold;
border-radius:5px;
}

/* HERO */

.hero img{
height:500px;
object-fit:cover;
border-radius:5px;
}

/* SECTION */

.orange-box{
background:#dca425;
padding:30px;
border-radius:5px;
margin:30px 0;
}

.white-box{
background:#fff;
padding:25px;
border-radius:8px;
}

/* JOIN */

.join-section{
background:#dca425;
padding:25px;
border-radius:8px;
color:#fff;
}

.qr{
width:220px;
}

/* MEMBERS */

.member-card{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 2px 10px rgba(0,0,0,.1);
}

.member-card img{
width:100%;
height:300px;
object-fit:cover;
}

.member-info{
padding:15px;
}

/* FOOTER */

footer{
background:#f1f1f1;
padding:50px 0;
margin-top:40px;
}

.social-fixed{
position:fixed;
left:10px;
top:70%;
transform:translateY(-50%);
z-index:999;
}



.social-fixed a{
display:block;
width:55px;
height:55px;
line-height:55px;
text-align:center;
border-radius:50%;
margin-bottom:10px;
color:#fff;
font-size:22px;
}

.whatsapp{background:#25D366;}
.instagram{background:#E1306C;}
.facebook{background:#1877F2;}

@media(max-width:768px){

.org-name{
font-size:24px;
}

.hero img{
height:250px;
}

.qr{
width:160px;
}

}
.card-img-top{
height:320px;
object-fit:cover;
}

.card{
border-radius:15px;
overflow:hidden;
transition:.3s;
}

.card:hover{
transform:translateY(-8px);
}

.carousel-control-prev,
.carousel-control-next{
width:50px;
}
.member-card img,
.card-img-top{
    width:100%;
   /* height:280px; */
    object-fit:cover;
}

@media (max-width:768px){

    .card-img-top{
        height:420px;
    }

    .carousel-control-prev,
    .carousel-control-next{
        display:none;
    }

    .card{
        margin-bottom:15px;
    }

    h2{
        font-size:24px;
    }

}


/*  member */

@media (max-width:768px){

    .navbar-toggler{
        margin-left:auto;
        display:block;
    }

    .navbar .container,
    .navbar .container-fluid{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

}