.elementor-33780 .elementor-element.elementor-element-fc017ef{padding:0px 0px 0px 0px;}.elementor-33780 .elementor-element.elementor-element-49c1073 > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-5135bfc */body {
margin: 0;
padding: 0;
font-family: 'Urbanist', sans-serif;
}

.container {
max-width: 1340px;
margin: 0 100px;
padding: 0 20px;
}

.section {
margin-bottom: 30px;
margin-top: 30px;
}

.gap {
height: 30px;
}

/* First section styles */
.section .top-part {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}

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

.section-content {
display: flex;
align-items: center;
height: 100%;
width: 100%;
max-width: 1150px;
margin: auto;
padding: 0 20px;
}
.new-container {
width: 100%;
max-width: 1150px;
margin: auto;
}
h1 {
color: white !important;
font-size: 40px;
line-height: 55px;
margin-bottom: 20px;
font-family: 'Urbanist', sans-serif;
}
.overview-section h4 {
font-family: 'Urbanist', sans-serif;
font-size: 26px;
}
.overview-section p {
font-family: 'figtree';
font-size: 16px;

}
/* Overview details styles */
.overview-details {
width: 450px;
height: 60px;
background: transparent linear-gradient(96deg, #C02633 0%, #233659 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;
display: flex;
align-items: center;
justify-content: space-around;
color: #fff;
}

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

.info-item .material-icons {
margin-right: 5px;
}

/* Feed section styles */
.feed-section {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.feed-card p {
margin-bottom: 0;
}
.feed-card {
width: 100%;
background: transparent linear-gradient(96deg, #C02633 0%, #233659 100%) 0% 0% no-repeat padding-box;
border-radius: 10px;
opacity: 1;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
color: #fff;
padding: 20px;
text-transform: capitalize;
}
.feed-item-row{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.feed-item {
flex: 1;
padding: 10px;
font-size: 20px;
}

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

/* Paragraph section styles */
.paragraph-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: left;
margin-top: 20px;
margin-bottom: 20px;
}
#eventDescription{
    font-family: 'figtree';
}
.sub-paragraphs {
max-width: 100%;
width: 700px;
height: 80px;
border-radius: 10px;
opacity: 1;
display: flex;
justify-content: space-between; 
align-items: left;
margin-bottom: 20px;
}

/* Button section styles */
.button-section {
display: flex;
justify-content: left;
align-items: center;
margin-top: 20px;
}

.button-section button {
padding: 10px 20px;
height: 40px;
background: transparent linear-gradient(104deg, #C02633 0%, #233659 130%) 0% 0% no-repeat padding-box;
border-radius: 20px;
cursor: pointer;
border: none;
color: #fff;
font-size: 14px;
margin-right: 20px;
text-transform: capitalize;
}

/* Image row styles */
.image-row {
display: flex;
width: 50%;
justify-content: left;
align-items: center;
margin-top: 40px;
overflow: hidden;
}

.image-row img {
width: 100%;
height: 250px;
border-radius: 10px;
box-shadow: 0 6px 16px #d6d6d6;
object-fit: fill;
}


.carousel-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-card {
    flex: 0 0 auto;
    width: calc(50% - 10px); /* Adjust the width for two images per view */
    margin: 0 5px; /* Adjust the margin as needed */
    transition: transform 0.5s ease-in-out;
}


/* Carousel bullets styles */
.carousel-bullets {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #c8c8c8;
    margin: 0 5px;
    cursor: pointer;
}

.bullet.active {
    background-color: #C02633;
}

/* Carousel navigation button styles */
.carousel-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.prev-btn,
.next-btn {
    background: none;
    border: none;
    font-size: 20px;
    color: #C02633;
    cursor: pointer;
    padding: 14px 20px;
    border: 1px solid;
    border-radius: 10px;
}

.carousel-navigation .prev-btn {
    margin-right: 20px;
}

.carousel-navigation .next-btn {
    margin-left: 20px;
}




/* Media Queries for Responsive Design */
@media only screen and (max-width: 1200px) {
.first-section {
height: 500px;
width: 100%;
}

.overview-details {
width: 100%;
max-width: 450px;
}
.feed-item {
font-size: 18px;
}

.feed-card {
max-width: 100%;

}

.sub-paragraphs {
width: 100%;
max-width: 600px;
}

}
@media only screen and (max-width: 768px) {
.container{
margin: 0 0px;
}
.section-content {
left: 50%;
padding:0 10px;
}

.first-section {
height: 400px;
}

h1 {
font-size: 32px;
}
.feed-card {
max-width: 100%;
}

.section {
margin-bottom: 0px;
}

.button-section {
flex-direction: column;
align-items: flex-start;
}

.button-section button {
margin:  0;
}

.image-row {
    width: 100%;
}




.carousel-card {
    width: 100%; /* Adjust the width as needed for responsiveness */
    margin: 0 5px; /* Adjust the margin as needed for responsiveness */
}
}/* End custom CSS */