.elementor-6300 .elementor-element.elementor-element-8302d45{--display:flex;}.elementor-6300 .elementor-element.elementor-element-f36f830 > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-6300 .elementor-element.elementor-element-3e5aa3e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6300 .elementor-element.elementor-element-3e5aa3e0:not(.elementor-motion-effects-element-type-background), .elementor-6300 .elementor-element.elementor-element-3e5aa3e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6300 .elementor-element.elementor-element-4bbb23f4{--display:flex;}.elementor-6300 .elementor-element.elementor-element-4bbb23f4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6300 .elementor-element.elementor-element-12b60817{--display:flex;}.elementor-6300 .elementor-element.elementor-element-61fbcd53 img{border-radius:25px 25px 25px 25px;}.elementor-6300 .elementor-element.elementor-element-28c3a6c5{--display:flex;}.elementor-6300 .elementor-element.elementor-element-fed14aa{--display:flex;}.elementor-6300 .elementor-element.elementor-element-a3a75a6{width:100%;max-width:100%;}.elementor-6300 .elementor-element.elementor-element-fd5edfb{--display:flex;}.elementor-6300 .elementor-element.elementor-element-d017028 > .elementor-widget-container{margin:-10px -10px -10px -10px;}@media(min-width:768px){.elementor-6300 .elementor-element.elementor-element-4bbb23f4{--width:67%;}}/* Start custom CSS for image, class: .elementor-element-61fbcd53 */.elementor-6300 .elementor-element.elementor-element-61fbcd53 img {
    width: 100% !important;
    height: 550px !important; /* Increased height for a larger feel */
    object-fit: cover !important;
    object-position: center !important;
}

/* Optional: Adjust for mobile so it doesn't look too tall on phones */
@media (max-width: 767px) {
    .elementor-6300 .elementor-element.elementor-element-61fbcd53 img {
        height: 350px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a3a75a6 */.elementor-6300 .elementor-element.elementor-element-a3a75a6 .elementor-button {
    background-color: #4A773C !important; /* KAP Green */
    border-radius: 8px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 0px #34562b; /* Subtle 3D effect */
    
    /* ADDED: Breathing Animation */
    animation: breathe 3s infinite ease-in-out;
}

.elementor-6300 .elementor-element.elementor-element-a3a75a6 .elementor-button:hover {
    background-color: #F9D423 !important; /* Switch to KAP Yellow on hover */
    color: #4A773C !important;
    transform: translateY(-2px);
    box-shadow: 0px 6px 0px #d4b51e;
    animation: none; /* Stops breathing when user hovers so it's easier to click */
}

/* The Breathing Logic */
@keyframes breathe {
    0% {
        transform: scale(1);
        box-shadow: 0px 4px 0px #34562b, 0 0 0px rgba(74, 119, 60, 0);
    }
    50% {
        transform: scale(1.05); /* Slightly grows */
        box-shadow: 0px 4px 15px rgba(74, 119, 60, 0.6), 0 0 20px rgba(74, 119, 60, 0.4); /* Glows */
    }
    100% {
        transform: scale(1);
        box-shadow: 0px 4px 0px #34562b, 0 0 0px rgba(74, 119, 60, 0);
    }
}/* End custom CSS */