.elementor-184 .elementor-element.elementor-element-385f71c{--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;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}@media(max-width:767px){.elementor-184 .elementor-element.elementor-element-385f71c{--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-385f71c */body {
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #1c1c1a;
        }

        .card {
            display: flex;
            flex-direction: row;
            width: 70vw;
            height: 80vh;
            background-color: #1c1c1a;
            border-radius: 2.5em;
            box-shadow: 0 0 15px 5px #dadad8;
            color: #dadad8;
            border: 0.4em solid #dadad8;
        }

        .left-column {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background-image: url('https://businessprogt.it.com/wp-content/uploads/2025/03/triangle.png');
                background-position: 35% 50%;
            background-repeat: no-repeat;
            clip-path: inset(0 round 20px);
            overflow: hidden; 
        }

        .right-column {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 90%;
            padding-right: 0.5em;
        }

        .title-container {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            text-align: left;
            margin: 0;
            width: 90%;
            padding-right: 7em;
        }

        .title {
            font-size: 2.2em;
            color: #000000;
            font-weight: lighter;
        }
        
        .list-container {
            max-height: fit-content;
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .description {
            font-size: 1em;
            margin-left: 5px;
        }
        
        .text {
            font-size: 0.6em;
            margin: 0.5em 0;
            margin: 0 1em;
        }
        
        .label {
            font-size: 0.6em;
            margin: 0 1em;
        }

        .ux__complaint__container {
            width: 100%;
        }

.ux__complaint__form {
    display: flex;
    flex-direction: row;
    max-width: 100%
}
        .ux__complaint__text__input {
            background-color: #868684;
            color: #dadad8;
            font-size: small;
            height: 3.5em;
            border: none;
            border-radius: 10px;
            padding: 0 1em;
            width: 65%
        }

        .ux__complaint__button {
            background-color: #e4e4e4;
            color: #000;
            font-size: small;
            font-weight: bold;
            height: 3.5em;
            border: none;
            border-radius: 10px;
            cursor: pointer;
            padding: 1em;
            margin-left: 1em;
        }

        .ux__complaint__button:hover {
            background-color: #dadad8;
        }

        .complaint-container {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            height: 100%;
        }

        .complaint {
            font-size: small;
            cursor: pointer;
            margin-top: auto;
        }

        @media (max-width: 1024px) {
            html {
                font-size: 85%;
            }

            .card {
                width: 80vw;
                height: 90vh;
            }
            
            
            
            .left-column {
                background-position: 39%;
            }
            
            .title {
                font-size: 2em;
            }
            
            .ux__complaint__form {
                display: flex;
                flex-direction: column;
            }
            .ux__complaint__text__input {
            width: 100%
        }

        .ux__complaint__button {
            margin-top:1em;
            max-width:fit-content;
            margin-left: 0;
        }
        }
        
        @media (max-width: 767px) {
            
            .card {
                height: fit-content;
                flex-direction: column;
            }
            .left-column {
                border-radius: 2em 2em 0 0; 
                background-image: none;
                background-color: #dadad8;
            }
            .title-container {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                text-align: left;
                max-height: fit-content;
            }
            .title {
                font-size: 1.5em;
            }
            
            .right-column {
                flex: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 5% 5%;
                min-height: 100%;
            }
            
            .complaint-container {
                margin-top: 30%;
            }
            
            .ux__complaint__text__input {
                font-size: 0.8em;
            }
            
            .ux__complaint__button {
                font-size: 0.8em;
            }
        }/* End custom CSS */