.elementor-33604 .elementor-element.elementor-element-071e381{padding:0px 0px 0px 0px;}.elementor-33604 .elementor-element.elementor-element-6efb9a0 > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-1eac9cd */* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Urbanist', sans-serif;
scroll-behavior: smooth;
}

/* First section styles */
.first-section {
background: url('https://jss-wordpress-media.s3.ap-south-1.amazonaws.com/anurag/auBgImage.png') 0% 0% no-repeat;
height: 500px;
background-size: cover;
width: 100%;
text-align: left;
}

.section-content {
max-width: 1150px;
margin: 0 auto;
padding-right: 22%;
color: #fff;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
height: 100%;
}

h1 {
font-size: 40px;
line-height: 48px;
margin-bottom: 20px;
color: #fff;
}

h6 {
color:#FFFFFF50; 
font-size: 14px;
font-family: 'Avenir', Sans-Serif;
font-weight: 500;
}

p {
font-family: 'Urbanist', sans-serif;
font-size: 14px;
margin: 0 10px;
}

.button-container {
text-align: left;
margin-top: 10px;
}

.button-container button {
padding: 10px 20px;
height: 40px;
background: #F8F8F8 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;
cursor: pointer;
border: none;
margin-right: 20px;
color: #000;
margin-bottom: 8px;
}   
.button-container button:hover {
color: #000;

}

.overlay {
position: absolute;
top: 20px;
left: 130px;
z-index: 1; 
}

.overlay a {
text-decoration: none;
color: #fff; 
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
}

.overlay a .material-icons {
vertical-align: middle;
margin-right: 5px;
}

/* Second section styles */
.second-section {
display: flex;
justify-content: space-between;
max-width: 1150px;
margin: 0 auto;
padding: 60px 0 20px 0;
}
.first-div {
margin-bottom: 40px;
}
.second-inner{
width: 60%;
float: left;
max-width: 700px;
}


.second-inner #clubDescription{ 
font-size: 16px;
text-align: justify;
padding-right : 20px; 

}


.third-inner{
width: 40%;
float: right;
max-width: 400px;

}


/* Overview section styles */
.overview-section {
display: flex;
align-items: center;
margin-bottom: 20px;
}
#clubDescription{
font-size: 16px;
margin-bottom: 20px;
font-family: 'figtree';

}
.line {
width: 8px;
height: 41px;
background: transparent linear-gradient(96deg, #C02633 0%, #233659 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
margin-right: 20px;
}

.overview-section h2 {
font-size: 26px;
}

/* Overview details styles */
.overview-details {
width: calc(70% - 30px);
background: transparent linear-gradient(96deg, #C02633 0%, #233659 110%) 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10%;
color: #fff;
padding: 20px;
}

.info-item {
display: flex;
align-items: center;
margin-right: 20px;
}

.info-item .material-icons {
font-size: 30px;
margin-right: 10px;
}

.feed-section {
margin : 20px 0;

}

.feed-card {
width: clac(100% - 30px);
height: 100px;
background: transparent linear-gradient(96deg, #C02633 0%, #233659 120%) 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;
display: flex;
justify-content: space-between; 
align-items: center;
margin-bottom: 20px;
color: #fff;
padding-left: 40px;
font-size: 20px;
}

.feed-item {
flex: 1;
padding: 10px;
margin-right: 10px;
margin-left: 10px;
}

.feed-item span {
color:#FFFFFF95; 
font-size: 15px;
font-family: 'Avenir', Sans-Serif;
font-weight: 500;
}

.feed-item p {
font-size: 24px;
margin-left: 4px;
}

.small-line {
width: 2px;
height: 35px;
background: #c8c8c8;
margin-right: 20px;
}

/* Card section styles */
.cards {
display: flex;
flex-wrap: wrap;
justify-content: left;
}
#cardSection {
    display: flex;
}
.card {
position: relative;
flex: 1 1 calc(48% - 20px);
max-width: 320px;
margin-bottom: 20px;
height: 350px;
background: #FFFFFF;
box-shadow: 0px 10px 50px #10131f36;
border-radius: 15px;
overflow: hidden;
margin-right: 20px;
}

hr{
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #c8c8c8;

}

.card-image {
width: 100%;
height: 50%;
overflow: hidden;
}

.card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.card-details {
width: 100%;
padding: 15px;
text-align: left;
}

.card-title {
position: absolute;
top: 20px;
left: 20px;
color: #FFFFFF;
background: transparent linear-gradient(103deg, #C02633 0%, #233659 100%) 0% 0% no-repeat padding-box;
padding: 5px 10px;
border-radius: 10px;
z-index: 1; 
}

.card h3 {
text-align: left;
margin: 0 10px 10px;
font-size: 16px;
}

.card p {
font-size: 14px;
margin-bottom: 10px;
color: #1c1c1c;
}

.members-section {
text-align: left;
width: 100%;
height: 770px;
border: 1px solid #1212121A;
border-radius: 10px;
}

.members-section-top{
justify-content: space-between;
padding: 20px;
background-color: #1212121A;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}

.members-card{
width: 100%;
display: flex;
align-items: center;
}

.members-count, .followers-count {
    margin: 10px 10px 0px;
    padding-right: 10px;
    text-transform: capitalize;
}

#totalMembers, #totalFollowers {
    font-weight: 700;
    font-size: 18px;
}

.count, .text {
margin-right: 5px; 
}


.members-list {
overflow-y: auto;
height: 600px;
}

/* hide the scroll bar inthe members-list */
.members-list::-webkit-scrollbar {
display: none;
}

.member {
display: flex;
align-items: center;
margin-bottom: 20px;
padding: 10px;
border-bottom : 1px solid #1212121A;
margin: 0 10px;
}

.member-image {
width: 50px;
height: 50px;
border-radius: 10px;
overflow: hidden;
}

.member-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.member-details {
margin-left: 10px;
display: flex;
flex-grow: 1;
}

.member-details-left {
display: flex;
flex-direction: column;
flex-grow: 1;
}

.member-details-left p{
font-size: 14px;
margin-bottom: 5px;
}

.member-details-right {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto;
}


@media screen and (max-width: 1024px){
.first-section{
height: 500px;
}

.section-content {
padding: 0 20px;
}


.overlay{
left: 70px;
}
.second-section{
width: 100%;
float: none;
max-width: none;
flex-direction: column;
padding: 60px 20px 0;
}
.second-inner, .third-inner {
width: 100%;
float: none;
max-width: none;
margin-left: 0;
}
.third-inner {
margin-top: 60px;
}

.second-inner #clubDescription{
font-size: 14px;
text-align: justify;
padding-right : 20px; 

}
h1 {
font-size: 32px;
line-height: 40px;
}
.card {
margin-right: 10px;
}
.cards {
justify-content: center;
}
.members-section {
width: 100%;
position: static;
max-width: 380px;
height: auto;
}
.members-list {
height: 400px;
}
.overview-details {
width: 100%;
}
.feed-card {
width: 85%;
min-width: 400px;
}
.feed-item {
margin-right: 0;

}

.small-line {
margin-right: 0;
}
}


@media screen and (max-width: 768px) {
.first-section{
height: 400px;
}

.section-content {
padding: 0 20px;
}

.overlay{
left: 70px;
}

.section-inner, .third-inner {
width: 100%;
float: none;
max-width: none;
margin-left: 0;
}

.card {
margin-right: 10px;
}

.cards {
justify-content: center;
}

.members-section {
width: 100%;
position: static;
max-width: 380px;

}

.members-list {
height: 400px;
}

.feed-card {
width: 85%;
min-width: 350px;
}

.feed-card .feed-item {
margin-left: 0;
}

.feed-item {
margin-right: 0;

}

.small-line {
margin-right: 0;
}

.member {
padding: 10px 0;
}

.member-image {
width: 40px;
height: 40px;
}

.member-details {
margin-left: 10px;
}

.member-details-left p {
font-size: 12px;
}  

}/* End custom CSS */