.elementor-33698 .elementor-element.elementor-element-24fabc0{padding:0px 0px 0px 0px;}.elementor-33698 .elementor-element.elementor-element-cc5ccd1 > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-dd91746 */.container {
max-width: 1150px;
margin: 0 auto;
padding: 0 10px;
}
.elementor-33698 .elementor-element.elementor-element-dd91746 h4 {
font-size: 26px;
}
.elementor-33698 .elementor-element.elementor-element-dd91746 p {
margin-bottom: 0;
}
.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/auBgImage.png') 0% 0% no-repeat;
background-size: cover;
position: relative;
width: 100%;
display: flex;
justify-content: center;
}

.section-content {
    width: 100%;
    display: flex;
    max-width: 1150px;
    margin: auto;
    padding: 10px;
}

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

/* Overview details styles */
.overview-details {
    width: 50%;
    background: transparent linear-gradient(96deg, #C02633 0%, #233659 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    display: flex;
    gap: 6%;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    margin-top: 15px;
    padding: 20px;
    margin-bottom: 50px;
    text-transform: capitalize;
}

.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-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}

.feed-card {
width: max-content;
    padding: 25px 20px;
    min-width: 350px;
    background: transparent linear-gradient(96deg, #C02633 0%, #233659 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    margin-bottom: 50px;
    color: #fff;
    text-transform: capitalize;
}

.feed-item {
flex: 1;
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;
}

.sub-paragraphs {
max-width: 100%;
width: 700px;
border-radius: 10px;
opacity: 1;
display: flex;
justify-content: space-between; 
color: #000; 
gap: 10px;
flex-direction: column;
}


/* 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;
}

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

.image-container {
    width: 50%;
}
.image-row img {
    height: auto;
    width: 100%;
    border-radius: 10px;
    margin-right: 10px; /* Reduce the margin between images */
    margin-bottom: 10px; /* Add margin at the bottom for spacing */
}
.paragraph-section {
margin-top: 20px;
}

.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) {
.container {
    padding: 0 10px;
}

.overview-details {
    width: 100%;
    display: flex;
    gap: 5px;
    flex-direction: column;
    align-items: flex-start;
}

.small-line {
    display: none;
}

.feed-card {
    width: 100%;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
}

.sub-paragraphs {
    width: 100%;
}

.image-row {
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
}
}

@media only screen and (max-width: 768px) {
.container {
    padding: 0 10px;
}
.first-section {
    height: 400px;
}
h1 {
    font-size: 32px;
    line-height: 40px;
}
.feed-section {
    flex-direction: column;
    align-items: flex-start;
}

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

.button-section button {
    margin: 10px 0;
}

.image-row {
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;

}

.image-container {
    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 */