/* Custom CSS to reduce gap between sections */

/* Increase breadcrumb/banner height on inner pages (About, etc.) */
.breadcrumbs-area {
    padding: 200px 0 !important;
    min-height: 400px !important;
}

/* Reduce padding-bottom on hero section */
.hero-area.pb-110 {
    padding-bottom: 30px !important;
}

/* Reduce padding-top on about section */
.about-area.pt-130 {
    padding-top: 30px !important;
}

/* Reduce padding-bottom on about section */
.about-area.pb-110 {
    padding-bottom: 15px !important;
}

/* Reduce padding-top on work process section */
.working_process.pt-130,
.working-process.pt-130 {
    padding-top: 15px !important;
}

/* Reduce padding-bottom on counter section */
.counter-area.pb-90 {
    padding-bottom: 30px !important;
}

/* Reduce padding-top on equipment/pricing section */
.pricing-area.pt-120 {
    padding-top: 30px !important;
}

/* Reduce padding-bottom on equipment/pricing section */
.pricing-area.pb-100,
.pricing-area.pb-110 {
    padding-bottom: 30px !important;
}

/* Reduce padding-top on testimonial section */
.testimonial-area.pt-120 {
    padding-top: 30px !important;
}

/* Alternative: If sections use different classes, these will also work */
section.pb-110 {
    padding-bottom: 30px !important;
}

section.pt-130 {
    padding-top: 30px !important;
}

section.pt-120 {
    padding-top: 30px !important;
}

section.pb-90 {
    padding-bottom: 30px !important;
}

section.pb-100 {
    padding-bottom: 30px !important;
}

/* Add curved edges to price info dimensions section */
.pricing-item .pricing-info .price-info {
    border-radius: 12px !important;
}

.pricing-item-one .pricing-info .price-info {
    border-radius: 12px !important;
}

.pricing-item-two .pricing-info .price-info {
    border-radius: 12px !important;
}

.pricing-item-three .pricing-info .price-info {
    border-radius: 12px !important;
}

/* Make the pricing body (dimensions list) have curved edges */
.pricing-item-one .pricing-info .pricing-body,
.pricing-item-two .pricing-info .pricing-body,
.pricing-item-three .pricing-info .pricing-body {
    border-radius: 12px !important;
}

/* Ensure info list items don't break the curve */
.pricing-item .pricing-info .pricing-body ul.info-list {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Add rounded corners to product cards */
.product-item-one,
.product-item-two {
    border-radius: 15px !important;
    overflow: hidden !important;
}

.product-item-one .product-img,
.product-item-two .product-img {
    border-radius: 15px 15px 0 0 !important;
    overflow: hidden !important;
}

.product-item-one .product-img img,
.product-item-two .product-img img {
    border-radius: 15px 15px 0 0 !important;
}

.product-item-one .product-info {
    border-radius: 0 0 15px 15px !important;
}

/* Add rounded corners to equipment/pricing cards */
.pricing-item-one,
.pricing-item-two,
.pricing-item-three {
    border-radius: 15px !important;
    overflow: hidden !important;
}

.pricing-item-one .pricing-img,
.pricing-item-two .pricing-img,
.pricing-item-three .pricing-img {
    border-radius: 15px 15px 0 0 !important;
    overflow: hidden !important;
}

.pricing-item-one .pricing-img img,
.pricing-item-two .pricing-img img,
.pricing-item-three .pricing-img img {
    border-radius: 15px 15px 0 0 !important;
}

.pricing-item-one .pricing-info,
.pricing-item-two .pricing-info,
.pricing-item-three .pricing-info {
    border-radius: 0 0 15px 15px !important;
}

/* For pricing-item-three with side-by-side layout */
.pricing-item-three .pricing-img {
    border-radius: 15px 0 0 15px !important;
}

.pricing-item-three .pricing-img img {
    border-radius: 15px 0 0 15px !important;
}

.pricing-item-three .pricing-info {
    border-radius: 0 15px 15px 0 !important;
}

/* Make the main container and columns have curved edges */
.pricing-area .container {
    border-radius: 15px !important;
}

.pricing-list-section .container {
    border-radius: 15px !important;
}

/* Ensure all column wrappers have curved edges */
.pricing-area .row > div,
.pricing-list-section .row > div {
    border-radius: 15px !important;
}

/* Make equipment search filter have curved edges */
.equipments-search-filter {
    border-radius: 15px !important;
    overflow: hidden !important;
}

.equipments-search-filter .search-filter-form {
    border-radius: 15px !important;
}

/* Ensure the col_lg_3 sidebar has curved edges */
.col_lg_3,
.col-lg-3 {
    border-radius: 15px !important;
}

/* Make the categories section have curved edges */
.categories-widget,
.widget {
    border-radius: 15px !important;
    overflow: hidden !important;
}