.elementor-2829 .elementor-element.elementor-element-4be8ff7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:145px 0px 140px 0px;}.elementor-2829 .elementor-element.elementor-element-4be8ff7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2829 .elementor-element.elementor-element-6be5cdb > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-2829 .elementor-element.elementor-element-7593e4a .section-title .sub-title{color:#242424;font-size:25px;text-decoration:underline;}.elementor-2829 .elementor-element.elementor-element-7593e4a .section-title .title{color:#1F376C;padding:0px 0px 0px 0px;}.elementor-2829 .elementor-element.elementor-element-7593e4a .section-title .title span{color:#696969;}.elementor-2829 .elementor-element.elementor-element-7593e4a .portfolio-menu button{padding:0px 0px 0px 0px;color:#696969;}@media(max-width:767px){.elementor-2829 .elementor-element.elementor-element-4be8ff7{padding:100px 0px 100px 0px;}}/* Start custom CSS for int-portfolio, class: .elementor-element-7593e4a *//* ===== Portfolio Grid Fix (No Overflow) ===== */

/* 3 per row on desktop */
.row.grid .grid-item {
    width: 33.3333% !important;
}

/* Border styling & box setup */
.row.grid .portfolio-item {
    border: 2px solid #6DABDB;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    height: 350px; /* Fixed height */
    overflow: hidden; /* Prevent image from overflowing */
    position: relative;
    box-shadow: 0 6px 25px rgba(109, 171, 219, 0.9); /* Denser shadow */
}

/* Hover effect */
.row.grid .portfolio-item:hover {
    border-color: #1F376C;
    box-shadow: 0 8px 30px rgba(31, 55, 108, 1); /* Very dense hover shadow */
}

/* Image styling */
.row.grid .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Crop to fill */
    display: block;
}

/* Tablet - 2 columns */
@media (max-width: 1024px) {
    .row.grid .grid-item {
        width: 50% !important;
    }
}

/* Mobile - 1 column */
@media (max-width: 768px) {
    .row.grid .grid-item {
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4be8ff7 */.breadcrumb,
.breadcrumbs,
.page-title-bar {
    display: none !important;
}/* End custom CSS */