.elementor-13299 .elementor-element.elementor-element-00b407f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-13299 .elementor-element.elementor-element-e1c9ba7{--display:flex;--min-height:290px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13299 .elementor-element.elementor-element-e1c9ba7:not(.elementor-motion-effects-element-type-background), .elementor-13299 .elementor-element.elementor-element-e1c9ba7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.habitatfoundation.org.my/wp-content/uploads/2025/08/feedback-top-image.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13299 .elementor-element.elementor-element-3967fd5{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-13299 .elementor-element.elementor-element-a143126 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:29px;font-weight:700;line-height:1.15;color:var( --e-global-color-73b47a6 );}.elementor-13299 .elementor-element.elementor-element-9352852 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:1.35;color:var( --e-global-color-73b47a6 );}.elementor-13299 .elementor-element.elementor-element-f93e583{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-13299 .elementor-element.elementor-element-f93e583:not(.elementor-motion-effects-element-type-background), .elementor-13299 .elementor-element.elementor-element-f93e583 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FBFBE3 0%, #FFFFFF 100%);}.elementor-13299 .elementor-element.elementor-element-72a4cc9{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}#elementor-popup-modal-13299 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-13299{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-13299 .dialog-message{width:500px;height:auto;}#elementor-popup-modal-13299 .dialog-close-button{display:flex;background-color:var( --e-global-color-secondary );font-size:16px;}#elementor-popup-modal-13299 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-13299 .dialog-close-button svg{fill:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-13299 .elementor-element.elementor-element-a143126 .elementor-heading-title{font-size:26px;}.elementor-13299 .elementor-element.elementor-element-9352852 .elementor-heading-title{font-size:13px;}}@media(max-width:767px){.elementor-13299 .elementor-element.elementor-element-e1c9ba7:not(.elementor-motion-effects-element-type-background), .elementor-13299 .elementor-element.elementor-element-e1c9ba7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-13299 .elementor-element.elementor-element-3967fd5{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-13299 .elementor-element.elementor-element-a143126 .elementor-heading-title{font-size:24px;}.elementor-13299 .elementor-element.elementor-element-9352852 .elementor-heading-title{font-size:12px;line-height:1.5;}}/* Start custom CSS */.dialog-widget-content:has(#feedback) {
    overflow: hidden;
    position: relative;
    border-radius: 25px;
}

.dialog-close-button {
    padding: 10px;
    border-radius: 100%;
    outline: none !important;
}

#feedback .glsr-label > * {
    font-family: 'Montserrat', sans-serif;
}

#feedback .heading-wrap {
    width: 215px;
    margin-left: 50px;
}

#feedback .form-wrap {
    padding: 2rem 3rem;
}

#feedback .glsr-label {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #07324a;
}

#feedback .glsr-star-rating {
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

#feedback .glsr-star-rating--stars {
    gap: 15px;
}

#feedback .glsr-default form.glsr-form textarea.glsr-textarea {
    outline: none !important;
    border: 2px solid #e0c759;
    border-radius: 16px;
    margin-top: 10px;
}

#feedback .glsr-star-rating--stars span {
    filter: grayscale(100%);
    transition: filter 0.2s ease;
}
#feedback .glsr-star-rating--stars span:hover, #feedback .glsr-star-rating--stars span.gl-selected {
    filter: none;
}

#feedback .glsr-star-rating--stars span:nth-of-type(1) {
    background-image: url('/wp-content/uploads/2025/08/rate-emoji-coloured-angry.svg');
}
#feedback .glsr-star-rating--stars span:nth-of-type(2) {
    background-image: url('/wp-content/uploads/2025/08/rate-emoji-coloured-sad.svg');
}
#feedback .glsr-star-rating--stars span:nth-of-type(3) {
    background-image: url('/wp-content/uploads/2025/08/rate-emoji-coloured-meh.svg');
}
#feedback .glsr-star-rating--stars span:nth-of-type(4) {
    background-image: url('/wp-content/uploads/2025/08/rate-emoji-coloured-happy.svg');
}
#feedback .glsr-star-rating--stars span:nth-of-type(5) {
    background-image: url('/wp-content/uploads/2025/08/rate-emoji-coloured-love.svg');
}

#feedback .glsr-form-message {
    text-align: center;
}

#feedback .glsr-button {
    font-size: 16px;
    font-weight: 500;
    color: #07324a;
    border: none;
    background: #e0c759;
    min-width: 220px;
    text-align: center;
    margin: auto;
    border-radius: 25px;
    min-height: 44px;
    display: block !important;
}

@media (max-width: 680px) {
    #feedback .heading-wrap {
        width: 200px;
        margin-left: 20px;
    }
}

@media (max-width: 500px) {
    .dialog-widget-content:has(#feedback) {
        max-width: 100vw;
    }
    #feedback .heading-sec {
        min-height: 230px;
    }
    #feedback .form-wrap {
        padding: 2rem;
    }
    #feedback .glsr-label > * {
        font-size: 16px;
    }
    #feedback #feedback textarea.glsr-textarea {
        font-size: 14px;
    }
    #feedback .glsr-button {
        font-size: 15px;
        min-width: 165px;
        min-height: 42px;
    }
}/* End custom CSS */